@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#1d1833;--muted:#6f6a7f;--line:#e6e2ef;--surface:#fff;--bg:#f7f6fb;--brand:#30206f;--brand-dark:#241456;--brand-2:#08aae1;--accent-soft:#e8f8fd;--brand-soft:#eeeafd;--danger:#b83b55;--shadow:0 12px 34px rgba(48,32,111,.09)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--brand)}.app-shell{min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--brand-dark),#302071);color:#fff;inset:0 auto 0 0;padding:22px 16px;position:fixed;width:264px;z-index:20}.brand,.sidebar{display:flex;flex-direction:column}.brand{gap:7px;padding:0 8px 26px}.brand-logo-wrap{background:#fff;border-radius:12px;box-shadow:0 8px 24px #09041f2e;padding:8px 11px;width:174px}.brand-logo{display:block;height:57px;-o-object-fit:contain;object-fit:contain;width:100%}.brand small{color:#a7dff2;font-weight:600;letter-spacing:.04em;margin-left:3px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{align-items:center;border-left:3px solid transparent;border-radius:11px;color:#c9c2e9;display:flex;font-weight:600;gap:12px;padding:12px 14px;text-decoration:none}.sidebar nav a.router-link-active,.sidebar nav a:hover{background:#08aae126;border-left-color:var(--brand-2);color:#fff}.sidebar-foot{align-items:center;border-top:1px solid hsla(0,0%,100%,.13);display:flex;gap:10px;margin-top:auto;padding:20px 4px 0}.avatar{background:var(--brand-2);border-radius:50%;color:#fff;display:grid;font-weight:800;height:38px;place-items:center;width:38px}.user-meta{flex:1;min-width:0}.user-meta small,.user-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{color:#bdb5df;font-size:11px}.main{margin-left:264px}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;height:72px;padding:0 32px;position:sticky;top:0;z-index:10}.topbar-title{font-weight:700}.top-actions{align-items:center;display:flex;gap:14px;margin-left:auto}.menu-button{display:none}.icon-button,.menu-button{background:transparent;border:0;border-radius:8px;color:inherit;padding:8px}.icon-button:hover,.menu-button:hover{background:var(--brand-soft);color:var(--brand)}.page{margin:auto;max-width:1550px;padding:32px}.page-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:26px}h1{font:800 30px Manrope;margin:0 0 6px}h2{font:700 19px Manrope;margin:0}.subtle{color:var(--muted);margin:0}.button{align-items:center;background:linear-gradient(135deg,var(--brand),#49349a);border:0;border-radius:10px;box-shadow:0 5px 14px #30206f29;color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:11px 17px}.button:hover{filter:brightness(1.08)}.button.secondary{background:var(--accent-soft);box-shadow:none;color:#087da6}.button.ghost{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--brand)}.stats{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.card,.stat{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat{border-top:3px solid transparent;padding:20px}.stat:hover{border-top-color:var(--brand-2)}.stat-top{color:var(--muted);display:flex;justify-content:space-between}.stat-icon{background:var(--accent-soft);border-radius:10px;color:#078bb8;display:grid;height:38px;place-items:center;width:38px}.stat strong{color:var(--brand);display:block;font:800 28px Manrope;margin-top:12px}.grid-2{display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.card{padding:22px}.card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;min-width:780px;width:100%}.data-table th{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.04em;padding:12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #efedf5;padding:14px 12px}.data-table tbody tr:hover{background:#faf9fd}.badge{background:var(--brand-soft);border-radius:999px;color:var(--brand);display:inline-flex;font-size:12px;font-weight:700;padding:5px 9px;text-transform:capitalize}.badge.active{background:var(--accent-soft);color:#087da6}.badge.pending,.badge.pending-approval{background:#fff2d8;color:#8a6115}.badge.archived,.badge.closed{background:#efedf2;color:#5f5a68}.toolbar{display:flex;gap:10px;margin-bottom:16px}.input,.select,.textarea{background:#fff;border:1px solid #dcd7e7;border-radius:10px;outline:none;padding:11px 12px;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px #08aae124}.search{flex:1;max-width:430px;position:relative}.search svg{color:var(--muted);left:12px;position:absolute;top:13px}.search .input{padding-left:38px}.event-list{display:grid;gap:12px}.event{border:1px solid var(--line);border-radius:12px;display:flex;gap:13px;padding:12px}.event-date{background:var(--accent-soft);border-radius:10px;color:#087da6;display:grid;font-weight:800;height:52px;line-height:1.1;place-items:center;text-align:center;width:50px}.event-date small{font-size:10px;text-transform:uppercase}.event-info small,.event-info strong{display:block}.event-info small{color:var(--muted);margin-top:3px}.empty{color:var(--muted);padding:34px;text-align:center}.modal-backdrop{background:#1f134985;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:50}.modal{background:#fff;border-radius:18px;max-height:90vh;overflow:auto;padding:25px;width:min(680px,100%)}.form-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field.full{grid-column:1/-1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.error{color:var(--danger);font-size:13px}.login-page{background:#fff;display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-art{background:linear-gradient(145deg,#241456,#382580 70%,#263881);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:8vw;position:relative}.login-art:before{background:#08aae124;border-radius:50%;content:"";height:320px;left:-170px;position:absolute;top:-150px;width:320px}.login-art:after{border:80px solid rgba(8,170,225,.09);border-radius:50%;bottom:-170px;content:"";height:420px;position:absolute;right:-150px;width:420px}.login-brand{align-self:flex-start;background:#fff;border-radius:14px;box-shadow:0 16px 38px #0a042340;margin-bottom:34px;padding:10px 16px 8px;position:relative;z-index:1}.login-brand img{display:block;height:84px;-o-object-fit:contain;object-fit:contain;width:210px}.login-brand small{color:var(--brand);display:block;font-weight:700;letter-spacing:.04em;margin-top:-4px;text-align:center}.mobile-brand{display:none}.login-art h1{font-size:48px;max-width:580px}.login-art h1,.login-art p{position:relative;z-index:1}.login-art p{color:#d9d4f0;font-size:18px;line-height:1.6;max-width:500px}.login-panel{display:grid;padding:30px;place-items:center}.login-form{width:min(420px,100%)}.login-form h2{color:var(--brand);font-size:30px;margin-bottom:8px}.login-form .field{margin-top:18px}.login-form .button{justify-content:center;margin-top:22px;padding:13px;width:100%}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.menu-button{display:block;margin-right:12px}.scrim{background:#22155166;inset:0;position:fixed;z-index:15}.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:block;margin-bottom:28px}.mobile-brand img{display:block;height:80px;-o-object-fit:contain;object-fit:contain;width:180px}}@media(max-width:650px){.page{padding:20px 14px}.topbar{padding:0 14px}.today{display:none}.page-head{align-items:stretch;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar{flex-wrap:wrap}}body,html{max-width:100%;overflow-x:hidden}.card,.main,.page{min-width:0}.grid-2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-select{max-width:210px}@media(max-width:1050px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media(max-width:650px){.dashboard-stats{grid-template-columns:1fr}.filter-select{max-width:none;width:100%}}.forgot-link{display:block;font-size:13px;font-weight:700;margin-top:8px;text-align:right;text-decoration:none}.forgot-link:hover{text-decoration:underline}.back-login{display:block;font-weight:700;margin-top:18px;text-align:center;text-decoration:none}.back-login:hover{text-decoration:underline}.success{background:#eaf8f0;border:1px solid #bfe6cf;border-radius:10px;color:#18794e;font-size:13px;padding:11px 12px}@keyframes pageRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.page-rise-enter-active,.page-rise-leave-active{transition:opacity .18s ease,transform .18s ease}.page-rise-enter-from{opacity:0;transform:translateY(8px)}.page-rise-leave-to{opacity:0;transform:translateY(-4px)}.page-head{animation:pageRise .4s ease both}.card,.stat{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{box-shadow:0 16px 36px #291b5b1a}.stat:hover{box-shadow:0 14px 28px #291b5b1c;transform:translateY(-4px)}.button{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.button:hover:not(:disabled){box-shadow:0 9px 20px #30206f38;transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.6}.sidebar nav a{transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar nav a:hover{transform:translate(3px)}.data-table tbody tr{transition:background .18s ease,transform .18s ease}.data-table tbody tr:hover{transform:translate(2px)}.modal-backdrop{animation:backdropIn .18s ease both}.modal{animation:modalIn .28s cubic-bezier(.2,.8,.2,1) both}.empty:before{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:4px;content:"";display:block;height:3px;margin:0 auto 14px;opacity:.35;width:42px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes orbit{to{transform:rotate(1turn)}}@keyframes loaderPulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes dotWave{0%,70%,to{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes shimmer{to{background-position:-200% 0}}.startup-loader{background:linear-gradient(145deg,#fdfcff,#f4effb 60%,#edfaff);color:var(--brand);display:grid;inset:0;justify-items:center;place-content:center;position:fixed;z-index:1000}.startup-mark{background:#fff;border-radius:24px;box-shadow:0 24px 60px #30206f22;display:grid;height:118px;place-items:center;position:relative;width:190px}.startup-mark img{height:80px;-o-object-fit:contain;object-fit:contain;width:145px}.loader-orbit{animation:orbit 1.2s linear infinite;border-bottom:3px solid transparent;border-left:3px solid transparent;border-radius:28px;border-right:3px solid transparent;border-right-color:var(--brand);border-top:3px solid transparent;border-top-color:var(--brand-2);inset:-9px;position:absolute}.startup-loader>strong{font:800 20px Manrope;letter-spacing:.02em;margin-top:28px}.startup-loader>small{color:var(--muted);margin-top:7px}.startup-enter-active,.startup-leave-active{transition:opacity .35s ease,transform .35s ease}.startup-leave-to{opacity:0;transform:scale(1.02)}.api-loading{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#241456ed;border-radius:12px;bottom:24px;box-shadow:0 14px 35px #1f124755;color:#fff;display:flex;font-size:13px;font-weight:700;gap:10px;padding:11px 15px;position:fixed;right:24px;z-index:900}.api-spinner{display:flex;gap:3px}.api-spinner i{animation:dotWave .9s ease infinite;background:#40cff1;border-radius:50%;display:block;height:5px;width:5px}.api-spinner i:nth-child(2){animation-delay:.12s}.api-spinner i:nth-child(3){animation-delay:.24s}.api-loader-enter-active,.api-loader-leave-active{transition:.2s ease}.api-loader-enter-from,.api-loader-leave-to{opacity:0;transform:translateY(10px)}.button:disabled{position:relative}.login-form .button:disabled:before,.modal-actions .button:disabled:before{animation:orbit .7s linear infinite;border:2px solid #ffffff66;border-radius:50%;border-top-color:#fff;content:"";flex:none;height:15px;width:15px}.skeleton{animation:shimmer 1.3s linear infinite;background:linear-gradient(90deg,#f2eff7 25%,#faf9fc 42%,#f2eff7 60%);background-size:200% 100%;border-radius:8px;color:transparent!important;pointer-events:none}@media(max-width:650px){.api-loading{bottom:14px;right:14px}.startup-mark{height:100px;width:160px}.startup-mark img{width:125px}}.sidebar{height:100vh;height:100dvh;overflow:hidden}.sidebar .brand{flex:none}.sidebar nav{align-content:start;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:14px;padding-right:5px;scrollbar-color:#7164a7 transparent;scrollbar-width:thin}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#7164a7;border-radius:10px}.sidebar-foot{background:linear-gradient(180deg,transparent,#302071 18%);flex:none;padding-bottom:max(2px,env(safe-area-inset-bottom))}.sidebar-close{background:#ffffff13;border:0;border-radius:11px;color:#fff;display:none;height:42px;place-items:center;position:absolute;right:10px;top:10px;width:42px;z-index:2}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin}.table-wrap::-webkit-scrollbar{height:7px}.table-wrap::-webkit-scrollbar-thumb{background:#c9c1d9;border-radius:10px}.icon-button,.menu-button{display:inline-grid;min-height:42px;min-width:42px;place-items:center}.button,.input,.select,.textarea{min-height:44px}.card-head{gap:12px}.page-head>*{min-width:0}.card p,.card strong,.subtle{overflow-wrap:anywhere}@media(max-height:760px)and (min-width:1051px){.sidebar{padding-bottom:12px;padding-top:14px}.sidebar .brand{padding-bottom:13px}.brand-logo-wrap{padding:5px 9px;width:150px}.brand-logo{height:43px}.sidebar nav{gap:3px}.sidebar nav a{padding-bottom:9px;padding-top:9px}.sidebar-foot{padding-top:12px}}@media(max-width:1050px){.sidebar{box-shadow:22px 0 55px #170b3b55;padding:18px 14px;transition:transform .25s cubic-bezier(.2,.8,.2,1);width:min(86vw,320px);z-index:40}.sidebar-close{display:grid}.sidebar .brand{padding-bottom:18px;padding-right:48px}.sidebar nav a{min-height:46px;padding:11px 13px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35}.topbar{height:64px;padding:0 20px}.topbar-title{font-size:15px}.main{width:100%}.page{padding:24px 20px}}@media(max-width:700px){body{font-size:14px}.page{padding:18px 12px 28px}.topbar{padding:0 10px}.topbar-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:4px}.top-actions .icon-button{display:none}h1{font-size:25px;line-height:1.2}.page-head{gap:14px;margin-bottom:19px}.page-head>.button,.page-head>.head-actions,.page-head>div:last-child:not(:first-child){width:100%}.head-actions .button,.page-head>.button{justify-content:center}.head-actions .button{flex:1}.card{border-radius:14px;padding:17px}.card-head{align-items:flex-start}.card-head h2{font-size:17px}.dashboard-stats,.stats{gap:10px;grid-template-columns:1fr 1fr!important}.stat{padding:15px}.stat strong{font-size:23px}.stat-icon{height:34px;width:34px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .search,.toolbar .select{max-width:none;width:100%}.search{max-width:none}.input,.select,.textarea{font-size:16px}.table-wrap{margin-inline:-17px;padding-inline:17px}.data-table{min-width:680px}.data-table th{font-size:10px;padding:10px}.data-table td{padding:12px 10px}.data-table tbody tr:hover{transform:none}.modal-backdrop{padding:0;place-items:end center}.modal{border-radius:20px 20px 0 0;max-height:94vh;max-height:94dvh;max-width:none;padding:20px 17px max(20px,env(safe-area-inset-bottom));width:100%}.modal-actions{background:#fff;border-top:1px solid var(--line);bottom:-20px;margin:20px -17px -20px;padding:13px 17px max(13px,env(safe-area-inset-bottom));position:sticky;z-index:3}.modal-actions .button{flex:1;justify-content:center}.form-grid{gap:14px}.pagination{gap:12px!important}.pagination-info{align-items:flex-start!important;flex-direction:column;gap:8px!important}.pagination-buttons{overflow-x:auto;padding-bottom:3px;width:100%}.pagination button{height:40px!important;min-width:40px!important}.login-panel{min-height:100dvh;padding:24px 17px}.login-form{width:100%}.mobile-brand{margin-bottom:18px}.login-form h2{font-size:27px}.api-loading{bottom:max(12px,env(safe-area-inset-bottom));justify-content:center;left:12px;right:12px}}@media(max-width:430px){.dashboard-stats,.stats{grid-template-columns:1fr!important}.stat{align-items:center;display:grid;grid-template-columns:1fr auto}.stat strong{grid-column:1/-1;margin-top:7px}.page-head .head-actions{display:grid;grid-template-columns:1fr}.calendar-stats,.work-stats{gap:9px!important;grid-template-columns:1fr 1fr!important}.work-stats>div{padding:12px!important}.work-stat-icon{display:none!important}.card-head{flex-wrap:wrap}.card-head>.button{justify-content:center;width:100%}.event{padding:10px}.event-date{flex:none;height:46px;width:44px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-actions{gap:8px}.modal-actions .button{padding-inline:10px}}