.auth-shell{min-height:100vh;max-width:1400px;margin:auto;padding:30px 50px 20px}.auth-brand{display:flex;align-items:baseline;gap:7px;font-size:26px;letter-spacing:-.7px}.auth-brand>span{font-size:20px;color:#8f7baf}.auth-brand small{font-size:10px;color:#b3a0c4;margin-left:15px;padding-left:15px;border-left:1px solid #dfd4e8;letter-spacing:1px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;max-width:1040px;margin:35px auto 0;align-items:stretch}.auth-story{position:relative;overflow:hidden;border-radius:30px;padding:44px 40px;min-height:630px;background:linear-gradient(140deg,#e6d2fbaf,#eee1fd9a 50%,#ffe7c97a)}.auth-story>.eyebrow{font-size:8px;color:#b29ac8;line-height:1.9}.auth-story h1{font-size:40px;line-height:1.5;letter-spacing:1.3px;color:#775591;margin:24px 0 18px}.auth-story>p{font-size:13px;color:#ab8bbb;line-height:2}.auth-art{height:230px;position:relative;margin:20px 0}.auth-paper{width:148px;height:185px;position:absolute;left:48%;top:15px;border-radius:17px;background:linear-gradient(140deg,#ffffffbf,#fdf7ff6e);border:1px solid #ffffffec;box-shadow:0 15px 40px #997cc421,inset 0 2px 1px white;transform:rotate(11deg);padding:23px}.auth-paper>span{font-size:9px;letter-spacing:1.4px;color:#a78bca}.auth-paper i{display:block;width:100%;height:5px;border-radius:8px;background:#d9c2edab;margin-top:16px}.auth-paper i:nth-of-type(2){width:70%}.auth-paper i:nth-of-type(3){width:88%}.auth-paper strong{font-size:40px;color:#b097d5;display:block;text-align:right;margin-top:12px}.auth-orb{width:132px;height:132px;position:absolute;left:15%;top:66px;background:linear-gradient(135deg,#b98de985,#a578d875);border:1px solid #fdf5ffad;border-radius:38px;box-shadow:0 15px 50px #9270b426,inset 0 2px 2px #ffffff70;color:#f7eaff;font-size:70px;display:grid;place-items:center;transform:rotate(-12deg)}.auth-float{position:absolute;bottom:6px;left:12%;border-radius:13px;padding:13px 19px;color:#a287bc;font-size:11px;background:#fff6}.auth-features{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#b399c6;padding-top:20px;border-top:1px solid #ffffff7d}.auth-panel{border-radius:30px;padding:30px 35px;background:linear-gradient(140deg,#ffffffbb,#fcf8ff79)}.auth-tabs{display:flex;background:#ede3f74d;padding:5px;border:1px solid #fff;border-radius:12px;gap:6px;margin-bottom:30px}.auth-tabs button{flex:1;padding:9px 12px;font-size:12px;color:#b49ac8;border-radius:8px}.auth-tabs button.active{background:#fff9;color:#9d75bb;box-shadow:0 3px 10px #aa8fc310}.auth-panel>.eyebrow{font-size:8px;color:#b39ac8}.auth-panel h2{font-size:23px;line-height:1.6;color:#9470ae;margin:9px 0 7px}.auth-description{font-size:11px;line-height:1.9;color:#b29ac2;margin-bottom:23px}.auth-panel .field{font-size:11px;margin-bottom:17px}.auth-panel .field input,.auth-panel .field select{height:43px;font-size:12px;background:#fffa}.auth-panel .field input::placeholder{font-size:11px}.auth-panel .primary-button{height:43px;font-size:12px;margin-top:4px}.auth-security{display:flex;align-items:flex-start;gap:8px;padding-top:18px;margin-top:20px;border-top:1px solid #e7d8f167;color:#b99ecb}.auth-security>span{font-size:15px}.auth-security p{font-size:9px;line-height:1.95}.auth-footer{text-align:center;color:#bda9cb;font-size:9px;margin:28px 0 0;letter-spacing:.5px}.auth-loading{height:100vh;display:grid;place-items:center;font-size:14px;color:#a383ba}#auth-error{font-size:10px;line-height:1.8;color:#c48e9e;margin:4px 0 11px}.account-summary{text-align:center;padding:8px 0 14px}.account-summary>.avatar{width:58px;height:58px;font-size:24px;margin:0 auto 14px;border-radius:18px}.account-summary h2{font-size:20px;color:#9d77b6}.account-summary p{font-size:11px;color:#b496c5;margin:7px 0 12px}.logout-button{margin-top:12px;color:#b990a6;background:#fff8}.sidebar nav>.nav-item:last-child{margin-bottom:0}.admin-filters{display:flex;align-items:center;gap:18px;border-radius:17px;padding:16px 20px;margin-bottom:22px}.admin-filters label{font-size:10px;color:#aa8abc;display:flex;align-items:center;gap:9px}.admin-filters select,.admin-users select{border:1px solid #e6d8f3a1;border-radius:7px;background:#fff9;color:#a27cb6;font-size:10px;padding:7px 9px;min-width:110px}.admin-filters>span{margin-left:auto;font-size:8px;color:#baa4ca}.admin-loading{padding:50px;text-align:center;border-radius:20px;font-size:12px;color:#aa8dbf}.admin-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.metric-card{padding:20px 17px;border-radius:19px;min-width:0}.metric-label{display:flex;justify-content:space-between;gap:8px;color:#ab8ebd;font-size:10px}.metric-marker{width:7px;height:7px;background:#c5aae6;border-radius:3px;margin-top:4px}.metric-marker.marker-1{background:#e8c797}.metric-marker.marker-2{background:#acd0df}.metric-card>strong{font-size:29px;color:#9c7ab4;line-height:1.4;display:block;margin:10px 0 6px}.metric-card>small{font-size:8px;color:#bda6cd;display:block;line-height:1.8}.admin-chart-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:23px}.admin-chart{border-radius:21px;padding:23px;min-width:0}.admin-chart .small-section-head h3{font-size:13px}.admin-chart .small-section-head>span{font-size:8px}.trend-graphic{margin-top:26px}.trend-graphic svg{width:100%;height:auto;overflow:visible;display:block}.trend-labels{display:flex;justify-content:space-between;font-size:8px;color:#bba2cf;padding-top:8px}.admin-chart-note{font-size:9px;line-height:1.9;color:#b49ac6;margin-top:17px}.module-breakdown{display:flex;flex-direction:column;gap:14px;margin-top:23px}.module-breakdown>div{display:flex;align-items:center;gap:12px}.module-breakdown>div>span{width:110px;color:#b095c3;font-size:9px}.module-breakdown>div>i{height:6px;flex:1;border-radius:4px;background:#eadef559;overflow:hidden}.module-breakdown>div>i>b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#c1a0e1,#ac86d1)}.module-breakdown>div>strong{font-size:10px;color:#b092c4;width:23px;text-align:right}.department-section,.user-management,.recent-activity{padding:23px;border-radius:21px;margin-top:23px}.admin-page .section-head{margin:0 0 22px}.admin-page .section-head h2{font-size:15px;color:#9374a6}.admin-page .section-head p{font-size:9px;color:#b29bc3;line-height:1.9;max-width:650px}.department-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.department-card{padding:17px;border:1px solid #fff9;background:#fcf9ff55;border-radius:14px}.department-card>div:first-child{display:flex;align-items:center;gap:9px}.department-icon{height:29px;width:29px;background:#ead9f965;border:1px solid #fff9;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#b294c9}.department-card strong{font-size:12px;color:#ad8dbd}.department-card p{font-size:9px;color:#b7a0c6;margin:16px 0 12px}.department-card p b{font-size:18px;color:#ad8bc0;margin-right:3px}.department-card p>span{display:block;font-size:8px;margin-top:4px}.department-progress{height:5px;border-radius:3px;background:#e9def456;overflow:hidden;margin-bottom:8px}.department-progress>i{display:block;height:100%;border-radius:3px;background:#bea0d6}.department-card small{font-size:8px;line-height:1.8;display:block;color:#b89fca}.admin-person{display:flex;align-items:center;gap:9px;min-width:160px}.admin-person>span{width:29px;height:29px;background:#ebdaf96b;border:1px solid white;border-radius:9px;display:grid;place-items:center;color:#ae8ec2;font-size:12px}.admin-person strong{font-size:10px;color:#a283b4}.admin-person small{display:block;font-size:8px;color:#b69cc7;margin-top:3px}.admin-users{min-width:830px}.admin-users td{font-size:9px;color:#b299c4}.admin-users select{font-size:9px;min-width:75px;padding:6px}.admin-users .text-button{font-size:9px}.admin-user-search input{border:1px solid #e5d5f18e;background:#fff7;border-radius:8px;padding:9px 11px;font-size:10px;color:#ac8bc0;width:180px}.admin-user-search input::placeholder{color:#bca4cd}.admin-empty{padding:18px 0;font-size:10px;color:#b99ec9}.recent-activity td{font-size:10px;color:#ad8dbf}.recent-activity table{min-width:520px}tr[hidden]{display:none}.sidebar:has([data-nav="admin"]){padding-top:17px}.sidebar:has([data-nav="admin"]) .brand{margin-bottom:7px}.sidebar:has([data-nav="admin"]) .sidebar-line{margin:9px auto 12px}.sidebar:has([data-nav="admin"]) .nav-item{height:59px;margin-bottom:6px}.sidebar:has([data-nav="admin"]) .sidebar-bottom{padding-top:8px}
@media(max-width:1150px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.department-grid{gap:9px}.department-card{padding:13px}.auth-shell{padding:25px}.auth-story{padding:35px 28px}.auth-panel{padding:28px}.auth-story h1{font-size:34px}.auth-layout{gap:23px}.admin-chart-grid{grid-template-columns:1fr 1fr}.admin-filters>span{font-size:7px}}
@media(max-width:950px){.auth-layout{max-width:820px;grid-template-columns:1fr 1fr}.auth-story{padding:31px 25px}.auth-story h1{font-size:29px}.auth-art{height:230px}.auth-paper{left:39%;width:130px}.auth-orb{left:3%;width:105px;height:105px;font-size:60px;border-radius:30px}.auth-float{font-size:9px;left:0;padding:12px}.auth-panel{padding:27px 23px}.auth-panel h2{font-size:20px}.auth-brand{font-size:23px}.auth-brand>span{font-size:18px}.department-grid{grid-template-columns:repeat(3,1fr)}.admin-chart-grid{grid-template-columns:1fr}.admin-filters{flex-wrap:wrap}.admin-filters>span{width:100%;margin:0;font-size:8px}}
@media(max-width:760px){.auth-shell{padding:22px}.auth-brand{font-size:23px}.auth-brand>span{font-size:17px}.auth-brand small{display:none}.auth-layout{display:block;max-width:440px;margin:25px auto 0}.auth-story{display:none}.auth-panel{padding:30px}.auth-panel h2{font-size:23px}.auth-panel .field{font-size:12px}.auth-panel .field input,.auth-panel .field select{height:47px;font-size:13px}.auth-panel .field input::placeholder{font-size:12px}.auth-panel .primary-button{height:47px;font-size:13px}.auth-description{font-size:12px}.auth-security p{font-size:10px}.auth-footer{font-size:10px}.admin-metrics{gap:11px}.metric-card{padding:17px 13px}.metric-card>strong{font-size:26px}.metric-label{font-size:10px}.department-grid{grid-template-columns:repeat(2,1fr)}.admin-user-search{width:100%}.admin-user-search input{width:100%}.user-management .section-head{flex-wrap:wrap}.sidebar:has([data-nav="admin"]){padding:5px 7px}.sidebar:has([data-nav="admin"]) .brand{margin:0}.sidebar:has([data-nav="admin"]) .nav-item{height:54px;width:45px;margin:0}.sidebar:has([data-nav="admin"]) .sidebar-bottom{padding:0}.admin-filters{padding:15px}.admin-chart,.department-section,.user-management,.recent-activity{padding:21px}}
@media(max-width:480px){.auth-shell{padding:19px 14px}.auth-brand{font-size:22px;gap:5px}.auth-brand>span{font-size:16px}.auth-panel{padding:27px 23px}.auth-tabs{margin-bottom:23px}.auth-panel h2{font-size:21px}.auth-description{font-size:11px}.auth-panel .field{font-size:11px}.auth-panel .field input,.auth-panel .field select{font-size:12px}.auth-footer{font-size:9px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-filters label{font-size:9px;gap:6px}.admin-filters select{font-size:9px;min-width:95px}.department-grid{gap:11px}.department-card{padding:14px}.department-card small{font-size:9px}.metric-card>small{font-size:9px}.module-breakdown>div>span{width:104px;font-size:9px}.admin-page .section-head h2{font-size:14px}.sidebar:has([data-nav="admin"]) .nav-item{width:38px}.sidebar:has([data-nav="admin"]) .sidebar-bottom .nav-item{width:30px}.sidebar:has([data-nav="admin"]) .nav-item>span{font-size:8px}.auth-loading{font-size:12px}.auth-security p{font-size:9px}}

.approval-success{padding:52px 0;text-align:center}.approval-symbol{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#eadcf6;margin:0 auto 28px;color:#8b64b0;font-size:30px}.approval-success .eyebrow{display:block;font-size:9px;color:#ac8bc3}.approval-success p{font-size:12px;color:#a080b5;line-height:2;margin:20px 0}.approval-success .primary-button{margin-top:35px}.approval-badge{display:inline-block;white-space:nowrap;border-radius:6px;font-size:9px;padding:5px 8px;background:#e9dff5;color:#8e6ba8}.approval-badge.pending{background:#f7ead5;color:#9d7c43}.approval-badge.approved{background:#e3efe8;color:#638c78}.approval-badge.rejected{background:#f5e0e5;color:#a26d80}.approval-queue{padding:23px;border-radius:21px;margin-bottom:23px}.approval-request{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-top:1px solid #e5d8ee}.approval-actions{display:flex;gap:10px}.approval-actions button{font-size:10px;padding:9px 13px}.admin-users{min-width:950px}.admin-users td .text-button{display:block;margin-top:4px}@media(max-width:480px){.approval-request{align-items:flex-start;flex-direction:column}.approval-actions{width:100%;justify-content:flex-end}.approval-success{padding:25px 0}}