*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Cairo,Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(14px,1vw + .5rem,16px);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}a{color:var(--primary);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root,[data-theme=light]{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f0f2f7;--surface-hover: #eef1f6;--text: #1a2238;--text-muted: #6b7385;--border: #e3e7ef;--shadow: 0 4px 14px rgba(20, 28, 50, .06);--shadow-lg: 0 10px 30px rgba(20, 28, 50, .1);--overlay: rgba(15, 22, 40, .45);color-scheme:light}[data-theme=dark]{--bg: #0f1422;--surface: #161c2e;--surface-2: #1d243a;--surface-hover: #232b46;--text: #e6e9f2;--text-muted: #9aa3bc;--border: #2a3354;--shadow: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .6);color-scheme:dark}[data-color=blue]{--primary: #2f6df6;--primary-hover: #1f5ae0;--primary-soft: rgba(47, 109, 246, .12);--primary-fg: #ffffff;--primary-grad: linear-gradient(135deg, #2f6df6 0%, #6c4cff 100%)}[data-color=red]{--primary: #e23e3e;--primary-hover: #c92929;--primary-soft: rgba(226, 62, 62, .12);--primary-fg: #ffffff;--primary-grad: linear-gradient(135deg, #e23e3e 0%, #ff7a59 100%)}[data-color=orange]{--primary: #f29023;--primary-hover: #d97808;--primary-soft: rgba(242, 144, 35, .14);--primary-fg: #ffffff;--primary-grad: linear-gradient(135deg, #f29023 0%, #ffd166 100%)}[data-color=green]{--primary: #1f9d6c;--primary-hover: #168256;--primary-soft: rgba(31, 157, 108, .14);--primary-fg: #ffffff;--primary-grad: linear-gradient(135deg, #1f9d6c 0%, #6dd99c 100%)}[data-color=purple]{--primary: #7a4ddb;--primary-hover: #6433c4;--primary-soft: rgba(122, 77, 219, .14);--primary-fg: #ffffff;--primary-grad: linear-gradient(135deg, #7a4ddb 0%, #c084fc 100%)}.container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(1rem,2vw,2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;transition:background .18s,border-color .18s,transform .18s}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--icon{padding:.5rem;width:2.4rem;height:2.4rem}.btn--danger{background:#e23e3e;border-color:#e23e3e;color:#fff}.btn--danger:hover{background:#c92929;border-color:#c92929}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover{background:var(--surface-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-block-end:1rem}.form-label{font-size:.88rem;font-weight:600;color:var(--text)}.form-label--required:after{content:" *";color:#e23e3e}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-textarea{min-height:90px;resize:vertical}.form-input--invalid{border-color:#e23e3e}.form-input--warning{border-color:#f29023;background:#f290230f}.form-error{font-size:.82rem;color:#e23e3e}.form-hint{font-size:.82rem;color:var(--text-muted)}.search-input{position:relative;flex:1;min-width:200px}.search-input input{width:100%;padding:.6rem .85rem;padding-inline-start:2.5rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-input svg{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.data-table-wrap{overflow-x:auto;border-radius:14px}.data-table{width:100%;border-collapse:collapse;background:var(--surface)}.data-table th,.data-table td{padding:.85rem 1rem;text-align:start;border-block-end:1px solid var(--border);font-size:.93rem}.data-table th{background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:.83rem;text-transform:uppercase;letter-spacing:.02em}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-block-end:0}.data-table__actions{display:flex;gap:.35rem;justify-content:flex-end}.data-table__actions .btn{padding:.4rem;width:2rem;height:2rem;border-radius:8px}.data-card-list{display:flex;flex-direction:column;gap:.75rem}.data-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.data-card__main{flex:1;min-width:0}.data-card__title{font-weight:600;color:var(--text);margin:0;word-break:break-word}.data-card__meta{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted)}.data-card__actions{display:flex;gap:.35rem}.data-card__actions .btn{padding:.4rem;width:2rem;height:2rem;border-radius:8px}.show-mobile{display:none}@media(max-width:700px){.hide-mobile{display:none}.show-mobile{display:block}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge--success{color:#1f9d6c;background:#1f9d6c1f;border-color:#1f9d6c40}.badge--muted{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}.badge--danger{color:#e23e3e;background:#e23e3e1f;border-color:#e23e3e40}.badge--info{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-soft)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.toggle{position:relative;display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{width:40px;height:22px;border-radius:999px;background:var(--border);position:relative;transition:background .18s;flex-shrink:0}.toggle__thumb{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .18s}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--start-sign, -1) * -18px))}.toggle__label{font-size:.92rem;color:var(--text)}.filter-tabs{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.filter-tabs__btn{padding:.4rem .85rem;border:0;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.filter-tabs__btn:hover{color:var(--text)}.filter-tabs__btn--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-wrap{display:grid;place-items:center;padding:3rem 1rem}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--bg)}@media(min-width:900px){.login{grid-template-columns:1.1fr 1fr}}.login__brand{display:none;position:relative;background:var(--primary-grad);color:var(--primary-fg);padding:3rem;flex-direction:column;justify-content:space-between;overflow:hidden}@media(min-width:900px){.login__brand{display:flex}}.login__brand:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#ffffff1f;top:-120px;inset-inline-end:-100px}.login__brand:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff14;bottom:-80px;inset-inline-start:-60px}.login__logo{position:relative;display:inline-flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.4rem}.login__logo-mark{width:48px;height:48px;border-radius:14px;background:#fff3;display:grid;place-items:center;font-weight:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login__hero{position:relative;max-width:460px;margin-block:auto}.login__hero h1{font-size:clamp(1.6rem,2.4vw,2.2rem);margin:0 0 .85rem;line-height:1.25;font-weight:700}.login__hero p{margin:0;font-size:1rem;line-height:1.7;opacity:.92}.login__features{position:relative;display:grid;gap:.65rem;margin-top:1.5rem}.login__feature{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.login__feature-dot{width:22px;height:22px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;flex-shrink:0}.login__form-wrap{display:grid;place-items:center;padding:clamp(1.5rem,4vw,3rem)}.login__form{width:100%;max-width:420px}.login__title{font-size:clamp(1.4rem,2vw,1.7rem);font-weight:700;margin:0 0 .4rem;color:var(--text)}.login__subtitle{margin:0 0 1.75rem;color:var(--text-muted)}.password-wrap{position:relative}.password-wrap input{padding-inline-end:2.5rem}.password-toggle{position:absolute;inset-inline-end:.6rem;top:50%;transform:translateY(-50%);background:transparent;border:0;padding:.35rem;border-radius:8px;color:var(--text-muted);display:grid;place-items:center}.password-toggle:hover{background:var(--surface-hover);color:var(--text)}.login__submit{width:100%;padding:.85rem;font-size:1rem;font-weight:600;margin-top:.4rem}.login__alert{background:#e23e3e1a;border:1px solid rgba(226,62,62,.25);color:#c92929;padding:.7rem .85rem;border-radius:10px;margin-block-end:1rem;font-size:.9rem}[data-theme=dark] .login__alert{color:#ff8585}.login__topbar{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;gap:.4rem}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar-w, 260px);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:transform .28s ease,width .22s ease;box-shadow:var(--shadow)}.sidebar--collapsed{--sidebar-w: 76px}@media(max-width:900px){.sidebar{transform:translate(calc(var(--start-sign, -1) * 100%));box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}}[dir=rtl]{--start-sign: 1}[dir=ltr]{--start-sign: -1}.sidebar__overlay{position:fixed;inset:0;background:var(--overlay);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s}.sidebar__overlay--show{opacity:1;pointer-events:auto}.sidebar__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;min-height:68px;border-block-end:1px solid var(--border)}.sidebar__logo{width:38px;height:38px;border-radius:10px;background:var(--primary-grad);display:grid;place-items:center;color:var(--primary-fg);font-weight:700;flex-shrink:0;box-shadow:0 4px 12px var(--primary-soft)}.sidebar__brand{font-weight:700;font-size:1.05rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__brand{display:none}.sidebar__nav{flex:1;overflow-y:auto;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.15rem}.sidebar__link{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:10px;color:var(--text-muted);font-weight:500;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.sidebar__link:hover{background:var(--surface-hover);color:var(--text)}.sidebar__link--active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft);font-weight:600}.sidebar__link svg{flex-shrink:0;width:20px;height:20px}.sidebar--collapsed .sidebar__link{justify-content:center;padding:.7rem}.sidebar--collapsed .sidebar__link span{display:none}.sidebar__footer{padding:.6rem .65rem;border-block-start:1px solid var(--border);display:flex;align-items:center;gap:.4rem}.sidebar__user-btn{flex:1;display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;background:transparent;border:0;border-radius:10px;cursor:pointer;text-align:start;min-width:0;transition:background .15s}.sidebar__user-btn:hover{background:var(--surface-hover)}.sidebar__avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;flex-shrink:0}.sidebar__user{flex:1;min-width:0}.sidebar__user-name{font-weight:600;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:.78rem;color:var(--text-muted)}.sidebar--collapsed .sidebar__user{display:none}.sidebar__logout{background:transparent;border:0;padding:.5rem;border-radius:8px;color:var(--text-muted);display:grid;place-items:center;flex-shrink:0;transition:background .15s,color .15s}.sidebar__logout:hover{background:#e23e3e1a;color:#e23e3e}.sidebar--collapsed .sidebar__logout{margin-inline:auto}.sidebar__collapse-btn{display:none;margin-inline-start:auto;background:transparent;border:0;color:var(--text-muted);padding:.4rem;border-radius:8px}.sidebar__collapse-btn:hover{background:var(--surface-hover);color:var(--text)}@media(min-width:901px){.sidebar__collapse-btn{display:grid;place-items:center}}.notif,.notif__trigger{position:relative}.notif__badge{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e23e3e;color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}.notif__panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);z-index:70;max-height:min(520px,80vh);display:flex;flex-direction:column}.notif__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;border-block-end:1px solid var(--border)}.notif__head h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.notif__head-action{background:transparent;border:0;color:var(--primary);font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border-radius:6px}.notif__head-action:hover{background:var(--primary-soft)}.notif__list{overflow-y:auto;padding:.4rem;display:flex;flex-direction:column;gap:2px}.notif__item{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;background:transparent;border:0;border-radius:10px;cursor:pointer;text-align:start;position:relative;transition:background .15s}.notif__item:hover{background:var(--surface-hover)}.notif__item--unread{background:var(--primary-soft)}.notif__item--unread:hover{background:color-mix(in srgb,var(--primary-soft) 80%,var(--surface-hover))}.notif__item--unread:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--primary);border-radius:0 3px 3px 0}.notif__icon{width:32px;height:32px;border-radius:9px;background:var(--surface);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.notif__item--unread .notif__icon{background:var(--primary);color:var(--primary-fg)}.notif__main{flex:1;min-width:0}.notif__title{font-weight:600;color:var(--text);font-size:.88rem;line-height:1.4}.notif__body{font-size:.8rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.notif__time{font-size:.72rem;color:var(--text-muted);margin-top:4px}.notif__delete{background:transparent;border:0;color:var(--text-muted);padding:.25rem;border-radius:6px;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .15s,background .15s}.notif__item:hover .notif__delete{opacity:1}.notif__delete:hover{background:var(--surface);color:#e23e3e}.notif__empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.notif__empty p{margin:0;font-size:.85rem}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.75rem;padding:.75rem clamp(.75rem,2vw,1.5rem);min-height:64px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--border)}.topbar__menu-btn{background:transparent;border:0;padding:.5rem;border-radius:8px;color:var(--text);display:grid;place-items:center}.topbar__menu-btn:hover{background:var(--surface-hover)}@media(min-width:901px){.topbar__menu-btn{display:none}}.topbar__title{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;color:var(--text);margin-inline-end:auto}.topbar__actions{display:flex;align-items:center;gap:.4rem}.icon-btn{width:2.4rem;height:2.4rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;transition:background .18s,border-color .18s}.icon-btn:hover{background:var(--surface-hover);border-color:var(--primary-soft)}.popover{position:relative}.popover__panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:.5rem;z-index:60}.popover__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border-radius:8px;border:0;background:transparent;color:var(--text);text-align:start;font-size:.92rem}.popover__item:hover{background:var(--surface-hover)}.popover__item--active{background:var(--primary-soft);color:var(--primary);font-weight:600}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.6rem}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.12)}.color-swatch--active{border-color:var(--text);box-shadow:0 0 0 3px var(--bg) inset}.toaster{position:fixed;top:1rem;inset-inline-end:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toastIn .22s cubic-bezier(.2,.9,.3,1.2);border-inline-start-width:4px}.toast--success{border-inline-start-color:#1f9d6c}.toast--error{border-inline-start-color:#e23e3e}.toast--info{border-inline-start-color:var(--primary)}.toast__icon{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center}.toast--success .toast__icon{color:#1f9d6c}.toast--error .toast__icon{color:#e23e3e}.toast--info .toast__icon{color:var(--primary)}.toast__msg{flex:1;font-size:.92rem;line-height:1.45;color:var(--text);word-break:break-word}.toast__close{background:transparent;border:0;padding:.25rem;border-radius:6px;color:var(--text-muted);flex-shrink:0}.toast__close:hover{background:var(--surface-hover);color:var(--text)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard{min-height:100vh;background:var(--bg)}.dashboard__main{min-height:100vh;padding-inline-start:0;transition:padding-inline-start .22s ease}@media(min-width:901px){.dashboard__main{padding-inline-start:var(--sidebar-w, 260px)}.dashboard:has(.sidebar--collapsed) .dashboard__main{padding-inline-start:76px}}.dashboard__content{padding:clamp(1rem,2vw,1.5rem);max-width:1400px;margin-inline:auto}.page-header{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;margin-block-end:1.25rem}.page-header__text{flex:1;min-width:0}.page-header__title{margin:0;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:700;color:var(--text)}.page-header__subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.page-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}.modal__overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:1rem;z-index:80;animation:modalFadeIn .18s ease}.modal__panel{width:100%;max-width:var(--modal-w, 480px);background:var(--surface);color:var(--text);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);animation:modalPop .22s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-block-end:1px solid var(--border)}.modal__title{margin:0;font-size:1.05rem;font-weight:700}.modal__close{background:transparent;border:0;padding:.4rem;border-radius:8px;color:var(--text-muted);display:grid;place-items:center}.modal__close:hover{background:var(--surface-hover);color:var(--text)}.modal__body{padding:1.25rem;overflow-y:auto}.modal__footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.85rem 1.25rem;border-block-start:1px solid var(--border);background:var(--surface-2)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.modal__overlay{padding:.5rem}.modal__panel{max-width:100%;max-height:calc(100vh - 1rem)}.modal__header{padding:.85rem 1rem;min-height:auto}.modal__title{font-size:1rem}.modal__body{padding:.75rem .65rem}.modal__footer{padding:.75rem 1rem}.modal__footer .btn{flex:1;justify-content:center}}.reports-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-block-end:1rem}.reports-tabs__btn{padding:.55rem .95rem;border:0;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;transition:background .15s,color .15s}.reports-tabs__btn:hover{color:var(--text)}.reports-tabs__btn--active{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:var(--shadow)}.report-list{display:flex;flex-direction:column;gap:.55rem}.report-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.85rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.report-row__rank{width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;font-size:.78rem;font-weight:700;flex-shrink:0}.report-row__rank--1{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff}.report-row__rank--2{background:linear-gradient(135deg,#bdc3c7,#95a5a6);color:#fff}.report-row__rank--3{background:linear-gradient(135deg,#cd7f32,#b8651b);color:#fff}.report-row__main{display:flex;flex-direction:column;gap:.35rem;min-width:0}.report-row__name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-row__bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.report-row__bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.9,.3,1)}.report-row__value{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text);text-align:end;white-space:nowrap}.monthly-chart{display:flex;align-items:flex-end;gap:.6rem;padding:1.5rem .5rem .5rem;height:280px;border-bottom:1px solid var(--border);overflow-x:auto}.monthly-bar{flex:1;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:.4rem;height:100%;position:relative}.monthly-bar__bar-wrap{width:100%;flex:1;display:flex;align-items:flex-end}.monthly-bar__bar{width:100%;background:var(--primary-grad);border-radius:6px 6px 0 0;position:relative;min-height:4px;transition:background .2s}.monthly-bar__value{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:.72rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.monthly-bar__label{font-size:.78rem;color:var(--text-muted);text-align:center;font-weight:500}.report-empty-state{padding:3rem 1rem;text-align:center;color:var(--text-muted)}@media(max-width:600px){.report-row{grid-template-columns:28px 1fr;grid-template-areas:"rank main" ".    value";row-gap:.4rem}.report-row__rank{grid-area:rank}.report-row__main{grid-area:main}.report-row__value{grid-area:value;text-align:start}.monthly-chart{height:220px}}.home{display:flex;flex-direction:column;gap:1rem}.home-hero{background:var(--primary-grad);color:var(--primary-fg);border-radius:16px;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff1f;inset-inline-end:-80px;top:-80px}.home-hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff14;inset-inline-start:-50px;bottom:-50px}.home-hero__greeting{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:700;margin:0 0 .4rem;position:relative}.home-hero__sub{margin:0;font-size:clamp(.9rem,1.4vw,1rem);opacity:.9;position:relative;line-height:1.6}.home-hero__date{display:inline-block;margin-top:.85rem;padding:.35rem .85rem;background:#ffffff2e;border-radius:999px;font-size:.82rem;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;display:flex;align-items:center;gap:.85rem;transition:border-color .18s,transform .15s}.kpi-card:hover{border-color:var(--primary-soft);transform:translateY(-2px)}.kpi-card__icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kpi-card__label{font-size:.83rem;color:var(--text-muted);margin-bottom:.2rem}.kpi-card__value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2;font-variant-numeric:tabular-nums}.kpi-card__sub{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.kpi-card--blue .kpi-card__icon{background:#2f6df61f;color:#2f6df6}.kpi-card--orange .kpi-card__icon{background:#f2902324;color:#d97808}.kpi-card--green .kpi-card__icon{background:#1f9d6c24;color:#1f9d6c}.kpi-card--red .kpi-card__icon{background:#e23e3e1f;color:#e23e3e}.kpi-card--purple .kpi-card__icon{background:#7a4ddb24;color:#7a4ddb}.kpi-card--cyan .kpi-card__icon{background:#14a5b824;color:#0e8b9c}.home-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:1000px){.home-grid{grid-template-columns:1.3fr 1fr}}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.85rem}.section-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.section-card__title{margin:0;font-size:1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-card__link{font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500}.section-card__link:hover{text-decoration:underline}.recent-list{display:flex;flex-direction:column;gap:.45rem}.recent-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;background:var(--surface-2);border-radius:10px;cursor:pointer;text-decoration:none;color:inherit;transition:background .15s}.recent-item:hover{background:var(--surface-hover)}.recent-item__icon{width:34px;height:34px;border-radius:9px;background:var(--surface);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.recent-item__main{flex:1;min-width:0}.recent-item__title{font-size:.92rem;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item__meta{font-size:.78rem;color:var(--text-muted);margin-top:1px}.status-bars{display:flex;flex-direction:column;gap:.6rem}.status-bar{display:grid;grid-template-columns:minmax(110px,auto) 1fr auto;gap:.6rem;align-items:center}.status-bar__label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text);font-weight:500}.status-bar__track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.status-bar__fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.9,.3,1)}.status-bar__count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.mini-chart{display:flex;align-items:flex-end;gap:.5rem;height:130px;padding-top:1.5rem}.mini-chart__bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;position:relative}.mini-chart__fill{width:100%;background:var(--primary-grad);border-radius:4px 4px 0 0;min-height:2px;flex:1;align-self:flex-end}.mini-chart__bar-wrap{width:100%;flex:1;display:flex;align-items:flex-end}.mini-chart__label{font-size:.72rem;color:var(--text-muted)}.priv-table{padding:0}.priv-cat{border-block-end:1px solid var(--border)}.priv-cat:last-child{border-block-end:0}.priv-cat__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.15rem;background:var(--surface-2)}.priv-cat__title{margin:0;font-size:.95rem;font-weight:700;color:var(--primary)}.priv-cat__toggle{font-size:.82rem;padding:.35rem .7rem}.priv-rows{display:flex;flex-direction:column}.priv-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,70px) 70px;align-items:center;gap:.5rem;padding:.7rem 1.15rem;border-block-end:1px solid var(--border);transition:background .15s}.priv-row:hover:not(.priv-row--head){background:var(--surface-hover)}.priv-row:last-child{border-block-end:0}.priv-row--head{background:var(--surface);font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.priv-row__name{display:flex;flex-direction:column;gap:2px;min-width:0}.priv-row__name strong{color:var(--text);font-size:.93rem}.priv-row__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.priv-cell{text-align:center;font-size:.85rem}.priv-cell--all{border-inline-start:1px solid var(--border);padding-inline-start:.5rem}.priv-checkbox{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.priv-checkbox input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.priv-checkbox__box{width:22px;height:22px;border:2px solid var(--border);border-radius:6px;background:var(--surface);transition:background .15s,border-color .15s;position:relative}.priv-checkbox__box:after{content:"";position:absolute;inset:4px;border-radius:3px;background:transparent;transform:scale(0);transition:transform .15s}.priv-checkbox input:checked+.priv-checkbox__box{border-color:var(--primary);background:var(--primary)}.priv-checkbox input:checked+.priv-checkbox__box:after{transform:scale(1);background-image:linear-gradient(45deg,transparent 35%,white 35%,white 50%,transparent 50%);background:#fff;clip-path:polygon(20% 50%,0 70%,40% 100%,100% 25%,80% 5%,40% 65%)}.priv-checkbox:hover .priv-checkbox__box{border-color:var(--primary)}.priv-checkbox input:disabled+.priv-checkbox__box{opacity:.5;cursor:not-allowed}.priv-checkbox__label-mobile{display:none}.priv-footer{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;background:var(--surface-2);border-block-start:1px solid var(--border);position:sticky;bottom:0}@media(max-width:700px){.priv-cat__head{padding:.65rem .85rem}.priv-row{grid-template-columns:1fr;padding:.85rem;gap:.6rem}.priv-row--head{display:none}.priv-row__name{grid-column:1;margin-bottom:.3rem}.priv-cell--all{border-inline-start:0;padding-inline-start:0;border-block-start:1px dashed var(--border);padding-top:.4rem}.priv-checkbox{justify-content:flex-start;gap:.5rem;padding:.3rem .5rem;border-radius:8px;background:var(--surface-2)}.priv-checkbox__label-mobile{display:inline;font-size:.85rem;color:var(--text)}.priv-cell{text-align:start}.priv-row>.priv-cell{width:100%}}.item-picker{position:relative;width:100%}.item-picker__panel{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:100;padding:4px;display:flex;flex-direction:column;gap:2px}.item-picker__create{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .7rem;border-radius:8px;border:1px dashed var(--primary);background:var(--primary-soft);color:var(--primary);font-size:.88rem;font-weight:600;cursor:pointer;text-align:start;margin-bottom:2px}.item-picker__create:hover{background:var(--primary);color:var(--primary-fg);border-style:solid}.item-picker__option{display:block;width:100%;padding:.5rem .7rem;border-radius:8px;border:0;background:transparent;color:var(--text);text-align:start;cursor:pointer;transition:background .12s}.item-picker__option:hover{background:var(--surface-hover)}.item-picker__option--active{background:var(--primary-soft);color:var(--primary);font-weight:600}.item-picker__name{font-size:.92rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-picker__option--active .item-picker__name{font-weight:700}.item-picker__meta{font-size:.78rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-picker__empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.88rem}.item-picker__input-wrap{position:relative}.item-picker__clear{position:absolute;top:50%;inset-inline-end:.55rem;transform:translateY(-50%);background:transparent;border:0;padding:.25rem;border-radius:6px;color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.item-picker__clear:hover{background:var(--surface-hover);color:var(--text)}