@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#26354a;--muted:#7d8795;--blue:#6fa9d8;--blue-dark:#397eae;--cream:#fff9f1;--line:#eee8df;--white:#fff;--mint:#dff3e9;--peach:#ffeadf;--lilac:#eee8fa;--shadow:0 18px 60px rgba(61,73,92,.10)}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;min-height:100vh;color:var(--ink);font-family:'DM Sans',sans-serif;background:radial-gradient(circle at 5% 10%,rgba(255,219,179,.24),transparent 28%),radial-gradient(circle at 95% 88%,rgba(188,225,242,.27),transparent 30%),var(--cream);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;pointer-events:none;filter:blur(1px);z-index:0}.ambient-a{width:240px;height:240px;top:-130px;left:27%;background:rgba(255,218,161,.18)}.ambient-b{width:300px;height:300px;right:-180px;bottom:-150px;background:rgba(177,218,238,.22)}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px}.login-layout{width:min(1120px,100%);min-height:690px;display:grid;grid-template-columns:1fr .94fr;background:rgba(255,255,255,.82);border:1px solid rgba(233,225,214,.9);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.login-main{padding:48px clamp(28px,5vw,68px) 26px;display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;object-fit:contain}.brand-name{font-family:'Nunito',sans-serif;font-weight:900;font-size:17px;letter-spacing:.8px;color:#34445a}.brand-name span{color:#5b9dca}.brand-caption{font-size:9px;font-weight:700;letter-spacing:2px;color:#a0a6ad;margin-top:3px}.welcome-copy{margin:56px 0 28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#8b9aa4;display:flex;align-items:center;gap:8px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#8fcab0;box-shadow:0 0 0 4px rgba(143,202,176,.16)}h1,h2,h3,p{margin-top:0}.welcome-copy h1,.dashboard-welcome h1{font-family:'Nunito',sans-serif;font-size:clamp(36px,4vw,49px);line-height:1.12;letter-spacing:-1.8px;margin:17px 0 12px;color:#2d3d53}.welcome-copy h1 em{font-style:normal;color:#67a4cf}.welcome-copy p,.dashboard-welcome p{color:#858e9a;font-size:14px;line-height:1.7;max-width:390px;margin:0}.login-card{border:1px solid #eee9e2;border-radius:20px;background:#fff;padding:26px;box-shadow:0 10px 30px rgba(64,78,94,.045)}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.card-heading h2{font-family:'Nunito',sans-serif;font-size:19px;margin:0 0 5px}.card-heading p{font-size:12px;color:#949ca5;margin:0}.card-sparkle{font-size:25px;color:#eabf78}.field-label{display:block;font-size:12px;font-weight:700;color:#596779;margin-bottom:8px}.password-label{margin-top:17px}.input-wrap{display:flex;align-items:center;border:1px solid #e7e9eb;border-radius:12px;height:49px;padding:0 13px;transition:.2s;background:#fff}.input-wrap:focus-within{border-color:#82b7d9;box-shadow:0 0 0 3px rgba(111,169,216,.13)}.input-icon{width:24px;color:#a4b0bb;font-size:15px}.lock-icon{font-size:17px}.input-wrap input{border:0;outline:0;min-width:0;flex:1;color:#36465a;background:transparent;font-size:13px}.input-wrap input::placeholder{color:#b4bbc2}.reveal-button{border:0;background:transparent;color:#6e9fc2;font-size:11px;font-weight:700;padding:7px}.message{min-height:20px;font-size:12px;line-height:1.45;margin:9px 0 3px;color:#c05c52}.message:empty{min-height:12px}.message.success{color:#358464}.primary-button{border:0;width:100%;height:49px;border-radius:12px;color:#fff;background:linear-gradient(100deg,#75b2d9,#649dc7);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 18px rgba(91,153,197,.2);transition:transform .18s,filter .18s}.primary-button:hover{filter:brightness(1.035);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.button-arrow{font-size:19px;font-weight:500}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.secure-note{margin-top:16px;text-align:center;color:#a0a8b0;font-size:10px}.secure-note span{color:#edc16f;margin-right:5px}.login-footer{margin-top:auto;padding-top:28px;font-size:10px;color:#a4aab0;letter-spacing:.2px}.footer-separator{padding:0 7px;color:#e4bf83}.visual-panel{position:relative;overflow:hidden;min-height:690px;background:linear-gradient(155deg,#eaf5f8 0%,#e8f4ee 54%,#fff0de 100%);padding:34px 38px}.visual-topline,.visual-footer{position:relative;z-index:5;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:2px;color:#86a4ae}.mini-stars{color:#d9b66c;font-size:14px;letter-spacing:4px}.sun{position:absolute;width:118px;height:118px;border-radius:50%;right:13%;top:16%;background:radial-gradient(circle at 35% 35%,#fff4c7,#ffda8f);box-shadow:0 0 0 15px rgba(255,226,164,.16),0 0 55px rgba(255,213,132,.35)}.cloud{position:absolute;width:98px;height:28px;background:rgba(255,255,255,.9);border-radius:40px;filter:drop-shadow(0 7px 10px rgba(101,143,151,.07))}.cloud i,.cloud b,.cloud span{position:absolute;display:block;background:inherit;border-radius:50%}.cloud i{width:36px;height:36px;left:15px;top:-17px}.cloud b{width:48px;height:48px;left:36px;top:-25px}.cloud span{width:29px;height:29px;right:9px;top:-10px}.cloud-one{top:27%;left:10%}.cloud-two{top:40%;right:8%;transform:scale(.7)}.rainbow-wrap{position:absolute;top:28%;left:50%;transform:translateX(-50%);width:290px;height:190px;overflow:hidden}.rainbow{position:absolute;bottom:-105px;left:0;width:290px;height:290px;border-radius:50%;background:#f6b5a4;padding:12px}.rainbow>div{height:100%;border-radius:50%;background:#f5d38b;padding:12px}.rainbow>div>div{height:100%;border-radius:50%;background:#a9d5c0;padding:12px}.rainbow>div>div>div{height:100%;border-radius:50%;background:#9ec4df;padding:12px}.rainbow>div>div>div>div{height:100%;border-radius:50%;background:linear-gradient(#d7e6e8,#e8f4ee)}.hill{position:absolute;left:-10%;width:125%;border-radius:50% 50% 0 0}.hill-back{height:235px;bottom:-108px;background:#c9e8d8;transform:rotate(-7deg)}.hill-front{height:180px;bottom:-105px;background:#a9d9c4;transform:rotate(7deg);left:18%}.visual-message{position:absolute;z-index:3;left:11%;right:11%;bottom:18%;text-align:center}.message-pill{display:inline-block;border-radius:30px;padding:9px 14px;background:rgba(255,255,255,.75);color:#80999a;font-size:10px;font-weight:700;box-shadow:0 5px 18px rgba(76,119,111,.06)}.visual-message h2{font-family:'Nunito',sans-serif;font-size:34px;line-height:1.13;letter-spacing:-1px;color:#395568;margin:17px 0 10px}.visual-message h2 span{color:#559b86}.visual-message p{font-size:12px;line-height:1.65;color:#78918e;max-width:330px;margin:0 auto}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);padding:10px 13px;border-radius:14px;box-shadow:0 9px 24px rgba(73,111,111,.09);backdrop-filter:blur(8px)}.floating-note>span{font-size:22px}.floating-note b,.floating-note small{display:block}.floating-note b{font-family:'Nunito',sans-serif;font-size:11px;color:#526b77}.floating-note small{font-size:9px;color:#9aabad;margin-top:2px}.note-left{left:5%;bottom:10%}.note-right{right:5%;bottom:27%}.visual-footer{position:absolute;left:38px;right:38px;bottom:25px;color:#83a49b}.visual-footer span:last-child{font-size:20px}.hidden{display:none!important}.dashboard-view{width:min(1080px,100%);min-height:650px;background:rgba(255,255,255,.9);border:1px solid #eee8df;border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.dashboard-header{height:82px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ece5}.compact-brand .brand-mark{width:40px;height:40px}.compact-brand .brand-name{font-size:14px}.compact-brand .brand-caption{font-size:8px}.header-actions{display:flex;align-items:center;gap:17px}.connection-badge{font-size:10px;color:#548d72;background:#edf8f1;border-radius:30px;padding:8px 11px}.connection-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63b687;margin-right:6px}.logout-button{border:1px solid #e8e8e7;background:white;color:#677587;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:700}.dashboard-content{padding:36px clamp(22px,5vw,56px) 30px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-radius:20px;background:linear-gradient(110deg,#eff7fb,#f3f8ed 72%,#fff5e8)}.dashboard-welcome h1{font-size:32px;margin:13px 0 6px}.dashboard-welcome p{font-size:12px}.welcome-illustration{font-size:64px;margin-right:18px}.user-panel{margin:22px 0 32px;border:1px solid #eeeae4;border-radius:16px;padding:14px 17px;display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#e4f1f8;color:#4f91bd;font-family:'Nunito',sans-serif;font-size:17px;font-weight:900}.user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.user-meta strong{font-size:12px;color:#405267}.user-meta span{font-size:10px;color:#98a1a9;overflow-wrap:anywhere}.role-pill{margin-left:auto;padding:7px 10px;border-radius:30px;background:#f8f0df;color:#ad8750;font-size:9px;font-weight:800;letter-spacing:.7px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-family:'Nunito',sans-serif;font-size:18px;margin:0 0 4px}.section-heading p{font-size:11px;color:#9aa2a9;margin:0}.section-flower{font-size:26px;color:#e7bf83}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-card{border:1px solid rgba(60,80,100,.045);border-radius:17px;padding:18px 15px;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.module-blue{background:#eff6fb}.module-peach{background:#fff3eb}.module-mint{background:#eff8f1}.module-lilac{background:#f5f1fb}.module-icon{font-size:25px}.module-card h3{font-family:'Nunito',sans-serif;font-size:13px;margin:13px 0 4px}.module-card p{font-size:10px;color:#909ba3;margin:0}.module-status{margin-top:14px;font-size:9px;font-weight:700;color:#9a9fa4}.coming-note{display:flex;align-items:flex-start;gap:12px;margin-top:23px;padding:15px 17px;border:1px solid #edf0e9;background:#fbfcf7;border-radius:14px}.coming-note>span{font-size:22px}.coming-note strong{font-size:11px;color:#657d6d}.coming-note p{font-size:10px;line-height:1.5;color:#9aa39b;margin:4px 0 0}.dashboard-footer{display:flex;justify-content:space-between;padding:18px 34px;border-top:1px solid #f0ece5;color:#a2a9ad;font-size:10px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 17px;max-width:calc(100vw - 32px);border-radius:12px;background:#30465a;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.16);font-size:12px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.app-shell{padding:18px}.login-layout{grid-template-columns:1fr;min-height:auto;max-width:560px}.login-main{padding:32px 30px 22px}.welcome-copy{margin:39px 0 23px}.visual-panel{min-height:360px;order:2}.rainbow-wrap{top:17%;transform:translateX(-50%) scale(.8)}.sun{top:10%;right:12%;width:90px;height:90px}.visual-message{bottom:17%}.visual-message h2{font-size:28px}.note-left{bottom:5%}.note-right{bottom:26%}.login-footer{padding-top:22px}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.app-shell{padding:0;align-items:stretch}.login-layout{border:0;border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column}.login-main{padding:25px 21px 19px;flex:1}.brand-mark{width:42px;height:42px}.brand-name{font-size:15px}.welcome-copy{margin:39px 0 22px}.welcome-copy h1{font-size:39px}.login-card{padding:21px 18px}.visual-panel{min-height:325px;padding:25px 22px}.rainbow-wrap{top:14%;transform:translateX(-50%) scale(.68)}.visual-message{left:7%;right:7%;bottom:16%}.visual-message h2{font-size:26px}.visual-message p{font-size:10px}.floating-note{padding:8px 9px}.floating-note>span{font-size:18px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.note-left{left:3%;bottom:5%}.note-right{right:3%;bottom:26%}.visual-footer{left:22px;right:22px;bottom:15px;font-size:8px}.dashboard-view{min-height:100vh;border-radius:0;border:0}.dashboard-header{height:72px;padding:0 17px}.header-actions{gap:8px}.connection-badge{font-size:9px;padding:7px}.logout-button{font-size:10px;padding:8px}.dashboard-content{padding:22px 17px}.dashboard-welcome{padding:20px 17px}.dashboard-welcome h1{font-size:25px}.dashboard-welcome p{font-size:10px}.welcome-illustration{font-size:43px;margin:0}.user-panel{margin:16px 0 25px;padding:12px}.module-grid{gap:9px}.module-card{min-height:142px;padding:14px 12px}.module-card h3{font-size:12px}.module-card p{font-size:9px}.dashboard-footer{padding:16px 17px;font-size:8px}.dashboard-footer span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V1.2 Super Admin workspace */
.header-user{display:flex;flex-direction:column;gap:2px;min-width:0}.header-user strong{font-size:11px;color:#42536a}.header-user small{font-size:9px;color:#9aa4ad;letter-spacing:.7px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:560px}.admin-sidebar{padding:28px 16px 22px;border-right:1px solid #f0ece5;background:rgba(250,251,248,.66);display:flex;flex-direction:column;gap:8px}.sidebar-caption{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#a2abb1;padding:0 12px 10px}.sidebar-link{border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:12px;color:#647386;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.sidebar-link span{font-size:17px}.sidebar-link:hover,.sidebar-link.active{background:#edf5f8;color:#477fa8}.sidebar-help{margin-top:auto;background:linear-gradient(135deg,#f0f8f5,#fff5e9);border:1px solid #edf0e9;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:5px}.sidebar-help span{font-size:22px}.sidebar-help strong{font-size:10px;color:#617c70}.sidebar-help small{font-size:9px;line-height:1.5;color:#94a39b}.admin-main{min-width:0;padding:31px clamp(20px,3.5vw,42px) 35px;background:rgba(255,255,255,.43)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-family:'Nunito',sans-serif;font-size:29px;letter-spacing:-.8px;margin:10px 0 5px;color:#304259}.page-heading p{font-size:11px;line-height:1.6;color:#929da5;margin:0}.compact-primary{width:auto;min-width:140px;height:42px;padding:0 17px;white-space:nowrap;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat-card{border:1px solid rgba(60,80,100,.05);border-radius:16px;padding:17px 16px;display:flex;align-items:center;gap:13px;min-width:0}.stat-blue{background:#eff6fb}.stat-green{background:#eff8f1}.stat-peach{background:#fff4eb}.stat-lilac{background:#f5f1fb}.stat-icon{width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.72);border-radius:12px;font-size:20px;flex-shrink:0}.stat-card small,.stat-card strong{display:block}.stat-card small{font-size:9px;color:#8d9aa2;line-height:1.4}.stat-card strong{font-family:'Nunito',sans-serif;font-size:25px;color:#3d5065;margin-top:3px}.content-card{background:rgba(255,255,255,.9);border:1px solid #eee9e2;border-radius:17px;box-shadow:0 7px 22px rgba(64,78,94,.035)}.recent-card{padding:20px 21px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.card-title-row h2{font-family:'Nunito',sans-serif;font-size:15px;margin:0 0 4px;color:#405268}.card-title-row p{font-size:10px;color:#9aa4ac;margin:0}.text-button{border:0;background:transparent;color:#6699bd;font-size:10px;font-weight:800;padding:8px}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f3f0eb;min-width:0}.tenant-avatar{width:37px;height:37px;display:grid;place-items:center;background:#f0f6f8;border-radius:12px;font-size:19px;flex-shrink:0}.tenant-avatar.large{width:54px;height:54px;font-size:27px}.recent-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.recent-meta strong{font-size:11px;color:#42536a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta small{font-size:9px;color:#9ba5ad;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.status-active{background:#eaf7ee;color:#4f966b}.status-inactive{background:#fff0ed;color:#c17468}.status-pending{background:#fff6df;color:#aa8745}.icon-button{width:30px;height:30px;border:1px solid #edf0ed;border-radius:9px;background:#fff;color:#7893a8;font-size:20px}.info-banner{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;margin-top:17px;border:1px solid #edf0e9;background:#fbfcf7;border-radius:14px}.info-banner>span{font-size:21px}.info-banner strong{font-size:10px;color:#657d6d}.info-banner p{font-size:9px;color:#9aa39b;line-height:1.5;margin:4px 0 0}.table-card{overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #f0ece5}.search-box{display:flex;align-items:center;gap:8px;min-width:220px;flex:1;border:1px solid #e9e9e6;border-radius:10px;background:#fff;padding:0 11px;height:39px;color:#9aa6af}.search-box span{font-size:19px}.search-box input{border:0;outline:0;min-width:0;flex:1;font-size:11px;color:#45576c;background:transparent}.table-toolbar select,.modal-form select{height:39px;border:1px solid #e9e9e6;border-radius:10px;background:#fff;padding:0 11px;color:#596b7f;font-size:11px}.outline-button{height:39px;border:1px solid #e5e9e8;border-radius:10px;padding:0 13px;background:#fff;color:#617487;font-size:10px;font-weight:800;white-space:nowrap}.outline-button:hover,.small-action:hover{border-color:#a9c9dc;color:#477fa8}.table-wrap{width:100%;overflow-x:auto}.tenant-table{width:100%;border-collapse:collapse;min-width:760px}.tenant-table th{text-align:left;padding:12px 14px;background:#fbfcfa;color:#9aa4aa;font-size:9px;letter-spacing:.5px;font-weight:800;white-space:nowrap}.tenant-table td{padding:13px 14px;border-top:1px solid #f2f0ec;color:#6e7c8b;font-size:10px;vertical-align:middle}.tenant-name-cell{display:flex;align-items:center;gap:9px;min-width:180px}.tenant-name-cell strong,.tenant-name-cell small{display:block}.tenant-name-cell strong{font-size:10px;color:#42536a}.tenant-name-cell small{font-size:9px;color:#a0aab0;margin-top:3px}.tenant-name-cell .tenant-avatar{width:32px;height:32px;font-size:16px}.code-chip{font-family:monospace;background:#f2f6f8;padding:5px 7px;border-radius:6px;color:#607d90;font-size:9px}.row-actions{display:flex;gap:5px}.small-action{border:1px solid #e7ecec;background:#fff;border-radius:7px;color:#6b8eaa;font-size:9px;font-weight:800;padding:6px 9px}.table-foot{display:flex;justify-content:space-between;padding:11px 16px;border-top:1px solid #f0ece5;color:#a1a9ad;font-size:9px}.empty-state{text-align:center;padding:25px!important;color:#9ba5ad!important;font-size:10px!important}.error-text{color:#bd665d!important}.page-message{font-size:10px;margin-top:12px;min-height:0}.page-message.error{color:#bd665d}.detail-card{padding:22px}.detail-top{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #f0ece5}.detail-top h2{font-family:'Nunito',sans-serif;font-size:18px;color:#405268;margin:0 0 4px}.detail-top p{font-size:10px;color:#9aa4ac;margin:0}.detail-status{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px 0}.detail-grid div{display:flex;flex-direction:column;gap:5px;min-width:0}.detail-grid small{font-size:9px;color:#9ca6ad}.detail-grid strong{font-size:11px;color:#536579;overflow-wrap:anywhere}.id-value{font-family:monospace;font-size:9px!important}.detail-links{display:flex;flex-wrap:wrap;gap:9px;padding-top:15px;border-top:1px solid #f0ece5}.detail-links a{text-decoration:none;display:inline-flex;align-items:center}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(38,53,69,.30);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal-card{width:min(510px,100%);max-height:min(90vh,850px);overflow:auto;background:#fffdfa;border:1px solid #eee8df;border-radius:20px;box-shadow:0 22px 70px rgba(37,53,67,.2);padding:23px}.modal-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:19px}.modal-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#8eb4c7}.modal-heading h2{font-family:'Nunito',sans-serif;font-size:22px;color:#34475d;margin:7px 0 4px}.modal-heading p{font-size:10px;color:#98a2aa;margin:0;line-height:1.5}.modal-close{width:32px;height:32px;border:1px solid #eceeea;border-radius:10px;background:#fff;color:#91a0a9;font-size:20px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#586a7d}.modal-form input,.modal-form select{width:100%;height:42px;border:1px solid #e6e9e7;border-radius:10px;padding:0 12px;background:#fff;color:#41546a;font-size:11px;outline:none}.modal-form input:focus,.modal-form select:focus{border-color:#8ab9d6;box-shadow:0 0 0 3px rgba(111,169,216,.12)}.modal-form input:disabled{background:#f6f7f5;color:#9ca5ab}.optional-label{font-size:9px;color:#9eaaa9;font-weight:500}.form-note{font-size:9px;line-height:1.5;color:#8f9b9f;background:#f7faf7;padding:10px 12px;border-radius:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.modal-error{font-size:10px;color:#bd665d;min-height:0;line-height:1.5}.create-progress{background:#f5f8f7;border-radius:10px;padding:11px}.progress-track{height:7px;border-radius:20px;background:#e4ebe8;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#83c5ae,#80b8da);transition:width .25s}.create-progress small{display:block;color:#81928c;font-size:9px;margin-top:7px}.empty-large{text-align:center;padding:70px 20px}.empty-large>span{font-size:46px}.empty-large h2{font-family:'Nunito',sans-serif;color:#405268}.empty-large p{font-size:11px;color:#98a2aa}.dashboard-view{width:min(1280px,100%)}
@media(max-width:900px){.admin-shell{grid-template-columns:180px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:25px 19px}.page-heading h1{font-size:25px}}
@media(max-width:640px){.app-shell{padding:0;align-items:stretch}.dashboard-view{min-height:100vh;border-radius:0;border:0}.dashboard-header{height:auto;min-height:68px;padding:11px 14px;gap:8px}.compact-brand .brand-mark{width:34px;height:34px}.compact-brand .brand-name{font-size:11px}.compact-brand .brand-caption{font-size:7px;letter-spacing:1px}.header-actions{gap:7px}.header-user{display:none}.connection-badge{font-size:8px;padding:6px 8px}.logout-button{font-size:9px;padding:7px 9px}.admin-shell{display:block;min-height:calc(100vh - 120px)}.admin-sidebar{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;padding:9px 12px;border-right:0;border-bottom:1px solid #f0ece5;background:rgba(255,253,249,.96)}.sidebar-caption,.sidebar-help{display:none}.sidebar-link{white-space:nowrap;padding:9px 11px;font-size:10px}.sidebar-link span{font-size:14px}.admin-main{padding:22px 15px 30px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.compact-primary{height:39px;min-width:130px}.stats-grid{gap:8px}.stat-card{padding:12px 10px;gap:8px;border-radius:13px}.stat-icon{width:31px;height:31px;font-size:16px;border-radius:10px}.stat-card small{font-size:8px}.stat-card strong{font-size:21px}.recent-card{padding:15px}.card-title-row h2{font-size:14px}.table-toolbar{flex-wrap:wrap;padding:12px}.search-box{flex-basis:100%;min-width:0}.table-toolbar select{flex:1}.outline-button{height:37px}.table-foot{font-size:8px;padding:10px 12px}.detail-card{padding:16px}.detail-grid{gap:13px}.detail-links{flex-direction:column}.detail-links>*{justify-content:center}.modal-card{padding:18px;border-radius:16px}.dashboard-footer{padding:15px;font-size:8px}.dashboard-footer span:last-child{display:none}}

/* LITTLE ATTENDANCE V1.3 — Admin Management */
.admin-table{min-width:900px}.admin-tenant-cell{display:flex;flex-direction:column;gap:4px;min-width:150px}.admin-tenant-cell strong{font-size:10px;color:#536579}.admin-tenant-cell small{font-size:9px;color:#9aa5aa}.admin-info-banner{margin-top:16px}.admin-info-banner p{max-width:760px}.admin-table .row-actions{flex-wrap:wrap}.admin-table .small-action{white-space:nowrap}
@media(max-width:640px){.admin-table{min-width:850px}.admin-info-banner{padding:12px}.admin-info-banner p{font-size:9px}}


/* LITTLE ATTENDANCE V1.4 — Identitas & Pengaturan Lembaga */
.settings-tenant-picker{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:13px 15px;background:rgba(255,255,255,.86);border:1px solid #eee9e2;border-radius:13px}
.settings-tenant-picker label{font-size:10px;font-weight:800;color:#66798a;white-space:nowrap}
.settings-tenant-picker select{min-width:220px;max-width:100%;height:38px;border:1px solid #e7e9e6;border-radius:9px;background:white;padding:0 10px;color:#4b6073;font-size:11px}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:15px;align-items:start}
.settings-card,.settings-side-card{padding:20px}
.settings-section-head{display:flex;gap:11px;align-items:center;margin-bottom:17px}
.settings-section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6f8;font-size:19px;flex-shrink:0}
.settings-section-head h2{margin:0 0 4px;font-family:'Nunito',sans-serif;font-size:15px;color:#405268}
.settings-section-head p{margin:0;font-size:9px;color:#98a4ab;line-height:1.5}
.logo-editor{display:flex;align-items:center;gap:14px;padding:14px;background:#fbfcfa;border:1px solid #edf0eb;border-radius:14px;margin-bottom:19px}
.logo-preview-wrap{width:76px;height:76px;border:1px dashed #d8e3df;border-radius:16px;background:white;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
.logo-preview-wrap img{width:100%;height:100%;object-fit:contain;padding:7px}
.logo-editor-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.logo-editor-copy strong{font-size:11px;color:#536579}.logo-editor-copy p{font-size:9px;color:#98a4ab;line-height:1.5;margin:0}.logo-editor-copy small{font-size:9px;color:#86a18f}
.settings-form{display:flex;flex-direction:column;gap:15px}
.settings-fields{display:grid;gap:12px}
.settings-fields.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-form label,.schedule-group label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#586a7d;min-width:0}
.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea,.schedule-group input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #e6e9e7;border-radius:10px;padding:10px 11px;background:#fff;color:#41546a;font-family:inherit;font-size:11px;outline:none}
.settings-form input:not([type=checkbox]),.settings-form select,.schedule-group input{height:40px}
.settings-form textarea{resize:vertical;min-height:74px}
.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.schedule-group input:focus{border-color:#8ab9d6;box-shadow:0 0 0 3px rgba(111,169,216,.12)}
.settings-form input:disabled{background:#f6f7f5;color:#9ca5ab}
.span-two{grid-column:1/-1}
.settings-divider{height:1px;background:#f0ece5;margin:5px 0}
.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.schedule-group{padding:13px;border:1px solid #edf0eb;border-radius:13px;background:#fcfdfb;display:flex;flex-direction:column;gap:11px}
.schedule-group h3{font-size:11px;color:#60788b;margin:0 0 2px}
.active-days-block>strong{display:block;font-size:10px;color:#586a7d;margin-bottom:10px}
.day-checks{display:flex;flex-wrap:wrap;gap:7px}
.day-checks label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e8eeea;border-radius:9px;background:#fff;font-size:9px;font-weight:700;color:#71818c}
.day-checks input{accent-color:#77adca;width:14px;height:14px;margin:0}
.settings-note{font-size:9px}
.settings-save-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #f0ece5}
.settings-save-row>span{font-size:9px;color:#9aa5aa}
.identity-preview{min-height:190px;border:1px solid #eef0e9;border-radius:15px;background:linear-gradient(135deg,#eef7fb,#f2f8ef 60%,#fff5e9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:17px;gap:8px}
.identity-preview img{width:75px;height:75px;object-fit:contain;background:rgba(255,255,255,.8);border-radius:18px;padding:8px}
.identity-preview strong{font-family:'Nunito',sans-serif;font-size:14px;color:#405268;overflow-wrap:anywhere}
.identity-preview small{font-size:9px;letter-spacing:1px;color:#91a0a5;font-weight:800;overflow-wrap:anywhere}
.identity-preview span{background:#fff;border-radius:30px;padding:5px 9px;font-size:9px;color:#799a8a}
.settings-side-note{font-size:9px;line-height:1.6;color:#9aa5aa;margin-top:13px}
:root[data-la-theme="pastel-blue"]{--cream:#f4f8ff;--blue:#83b3df;--blue-dark:#4f88b8;--mint:#e5f0fb;--peach:#edf3fb;--lilac:#e9edfa}
:root[data-la-theme="pastel-peach"]{--cream:#fff6f0;--blue:#d99c83;--blue-dark:#bd795e;--mint:#f8e9df;--peach:#ffe9dd;--lilac:#f4e9e8}
:root[data-la-theme="pastel-mint"]{--cream:#f3faf6;--blue:#77b59a;--blue-dark:#4e9274;--mint:#e1f3e9;--peach:#eaf5ed;--lilac:#e8f2ec}
:root[data-la-theme="pastel-lilac"]{--cream:#f8f5fc;--blue:#a28acb;--blue-dark:#8066ae;--mint:#eee9f8;--peach:#f5edf8;--lilac:#eee8fa}
:root[data-la-theme="pastel-blue"] .primary-button{background:linear-gradient(100deg,#83b3df,#5f93c4)}
:root[data-la-theme="pastel-peach"] .primary-button{background:linear-gradient(100deg,#e4aa91,#c9876b)}
:root[data-la-theme="pastel-mint"] .primary-button{background:linear-gradient(100deg,#8bc8ad,#5fa984)}
:root[data-la-theme="pastel-lilac"] .primary-button{background:linear-gradient(100deg,#b3a0d5,#8e79b8)}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-side-card{order:-1}.identity-preview{min-height:150px}}
@media(max-width:640px){.settings-tenant-picker{align-items:stretch;flex-direction:column}.settings-tenant-picker select{width:100%;min-width:0}.settings-card,.settings-side-card{padding:15px}.settings-fields.two-col,.schedule-grid{grid-template-columns:1fr}.settings-save-row{align-items:stretch;flex-direction:column}.settings-save-row .primary-button{width:100%}.logo-editor{align-items:flex-start}.logo-preview-wrap{width:64px;height:64px}}