:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2b2940;background:#f7f6fb;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.47}button:focus-visible,input:focus-visible{outline:3px solid #ab89ff;outline-offset:2px}input[type="checkbox"]{accent-color:#7546d7;width:17px;height:17px;cursor:pointer}input[type="date"]{min-height:48px;color-scheme:light}a{color:inherit}[hidden]{display:none!important}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(85px)}.ambient-one{width:360px;height:360px;background:#e8ddff;top:70px;right:-90px;opacity:.57}.ambient-two{width:280px;height:280px;background:#f6ddea;left:-110px;top:400px;opacity:.45}.app-shell{max-width:1240px;margin:0 auto;padding:20px 28px 44px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{height:49px;width:49px;border-radius:15px;display:grid;place-items:center;background:#211a35;box-shadow:0 8px 20px #1a133022}.brand-mark svg{width:36px;height:36px}.brand strong{font-size:17px;color:#21192c;display:block;letter-spacing:-.025em}.brand span:not(.brand-mark){display:block;color:#807a90;font-size:12px;margin-top:2px}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.local-badge{font-size:12px;background:#fff;border:1px solid #e5e1ee;border-radius:99px;padding:9px 12px;color:#625a74;white-space:nowrap}.dot{display:inline-block;background:#21bb86;height:8px;width:8px;border-radius:50%;margin-right:4px}.btn{border:1px solid transparent;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:730;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;white-space:nowrap;transition:transform .15s,filter .15s,background .15s}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:#7547d3;color:#fff;box-shadow:0 7px 14px #7547d322}.btn-primary:hover{background:#6636c6}.btn-secondary{background:#fff;color:#625670;border-color:#e7e2ee}.btn-secondary:hover{background:#f6f2fd}.btn-small{min-height:36px;padding:8px 11px;font-size:12px}.btn-plain{background:transparent;color:#7547d3;text-decoration:underline}.btn-full{width:100%;margin-top:8px}.btn-green{background:#e5f9ee;color:#137b50;border-color:#b7e8cc}.btn-danger-soft{background:#fff0f2;border-color:#f8cbd5;color:#c03852}.btn-danger{background:#d93c56;color:#fff}.hero{background:linear-gradient(105deg,#1e1932 0%,#302247 55%,#442b58 100%);border-radius:23px;min-height:252px;padding:36px 45px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;box-shadow:0 18px 36px #2620441c;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:290px;height:290px;border:1px solid #ffffff20;border-radius:50%;right:18%;top:-220px}.hero-copy,.stat-panel{position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#debadf;font-weight:850}.eyebrow-light{color:#a880ea}.hero h1{font-size:clamp(26px,4.1vw,43px);line-height:1.12;letter-spacing:-1.6px;margin:14px 0 12px}.hero h1 span{color:#f3a7cc}.hero-copy p{font-size:13px;line-height:1.7;color:#d2c9df;max-width:450px;margin:0}.stat-panel{background:#ffffff18;border:1px solid #ffffff26;border-radius:19px;min-width:220px;padding:22px 25px;backdrop-filter:blur(6px)}.stat-icon{color:#ffd8ea;font-size:20px}.stat-label{font-size:11px;color:#d9c9e8;letter-spacing:1px;margin-top:8px;font-weight:800}.stat-number{font-size:57px;line-height:1.12;font-weight:800;letter-spacing:-2px;margin-top:8px;font-variant-numeric:tabular-nums}.stat-subtitle{font-size:12px;color:#dfcfe7}.content-panel{background:#fff;border:1px solid #ebe8f2;border-radius:21px;box-shadow:0 12px 34px #2e20400b;margin-top:22px;overflow:hidden}.section-header{padding:28px 29px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.section-header h2{font-size:23px;letter-spacing:-.7px;margin:7px 0}.section-header p{font-size:13px;color:#898298;margin:0}.plus-sign{font-size:23px;font-weight:400;line-height:12px}.table-tools{display:flex;align-items:center;justify-content:space-between;padding:0 29px 19px;gap:14px}.search-box{border:1px solid #e8e4ef;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 14px;min-width:245px;width:360px;max-width:100%;color:#9a91ad;height:44px}.search-box:focus-within{border-color:#b3a0e9}.search-box svg{height:17px;width:17px;flex-shrink:0}.search-box input{width:100%;border:0;outline:0!important;background:transparent;color:#352d48;font-size:13px}.search-box input::placeholder{color:#a39caf}.shown-counter{font-size:12px;color:#90899d;white-space:nowrap}.bulk-bar{border-top:1px solid #efedf4;border-bottom:1px solid #efedf4;background:#faf8ff;padding:12px 28px;display:flex;gap:14px;align-items:center;justify-content:space-between}.bulk-left{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.checkbox-line{display:flex;align-items:center;gap:7px;font-size:12px;color:#5d5670;cursor:pointer}.bulk-left strong{font-size:12px;color:#8059d1}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bulk-actions .btn{font-size:12px;min-height:35px;padding:8px 11px;border-radius:9px}.desktop-table{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:865px}th{background:#fff;color:#928a9e;font-size:11px;font-weight:800;white-space:nowrap;padding:17px 12px;text-transform:uppercase;letter-spacing:.4px}td{padding:18px 12px;vertical-align:middle;font-size:13px;color:#343047;border-top:1px solid #f1eef6}tbody tr:hover{background:#fcfbff}th:first-child,td:first-child{padding-left:29px;width:52px}th:last-child,td:last-child{padding-right:24px}td.email-cell{font-weight:680;max-width:270px;overflow-wrap:anywhere}.password-cell{font-size:12px;color:#453952;overflow-wrap:anywhere;max-width:230px}.date-chip{display:inline-block;color:#825ebd;background:#f3edff;border-radius:8px;padding:7px 10px;font-weight:700;font-size:12px;white-space:nowrap}.row-actions{display:flex;gap:7px}.icon-button{border:1px solid #e7e2ef;color:#817393;background:#fff;border-radius:9px;padding:6px 9px;min-width:34px;min-height:34px}.icon-button:hover{background:#f6f2fc;color:#653abd}.icon-button.delete:hover{background:#fff0f1;color:#bd3c50}.mobile-list{display:none}.empty-state{text-align:center;padding:50px 20px 60px}.empty-illustration{font-size:43px}.empty-state h3{font-size:18px;margin:16px 0 7px}.empty-state p{font-size:13px;color:#93899e}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 6px;font-size:12px;color:#857e91}.footer-actions{display:flex;gap:16px;flex-wrap:wrap}.link-button{border:0;background:transparent;color:#7146bb;text-decoration:underline;font-weight:650;padding:0;font-size:12px}.auth-wrap{min-height:calc(100vh - 135px);display:flex;align-items:center;justify-content:center;padding:25px}.auth-card{width:100%;max-width:465px;padding:35px;background:#fff;border:1px solid #ede6f5;box-shadow:0 14px 40px #2e234519;border-radius:22px}.auth-icon{font-size:29px;width:59px;height:59px;display:grid;place-items:center;background:#f1eafe;border-radius:17px;margin-bottom:18px}.auth-card h1{font-size:27px;letter-spacing:-.7px;margin:9px 0}.auth-card p{font-size:13px;line-height:1.7;color:#777084}.auth-card form{margin-top:18px}.auth-card label,.modal-card label{font-weight:740;font-size:12px;display:block;margin:18px 0 8px;color:#463c57}.auth-card input,.modal-card input{width:100%;border:1px solid #e3deeb;border-radius:11px;padding:12px 13px;outline:none;background:#fff;color:#2a2535;font-size:14px;min-height:47px}.auth-card input:focus,.modal-card input:focus{border-color:#8d68d8;box-shadow:0 0 0 3px #b79ae72a}.security-note{background:#fff9e9;border:1px solid #f7e7bd;border-radius:11px;color:#8b6a33;font-size:12px;line-height:1.6;padding:12px;margin-top:20px}.auth-help{font-size:12px!important;margin-top:25px}.form-error{color:#cc3450!important;font-size:12px!important;min-height:0;margin:8px 0!important}.form-error:empty{display:none}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#17122499;display:flex;justify-content:center;align-items:center;padding:17px;backdrop-filter:blur(3px)}.modal-card{border-radius:20px;background:#fff;width:100%;max-width:580px;max-height:95vh;overflow:auto;padding:25px 28px 27px;box-shadow:0 20px 90px #0c071e66}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.modal-card h2{font-size:23px;letter-spacing:-.6px;margin:7px 0}.modal-card .field-help{font-size:11px;color:#92879e;margin:7px 0 2px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.required{color:#cd3458}.modal-actions{margin-top:23px;display:flex;justify-content:flex-end;gap:10px}.modal-compact{max-width:405px}.modal-compact p{color:#777085;font-size:14px;line-height:1.6}.confirm-icon{font-size:30px;margin-bottom:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:#231b33;color:#fff;border-radius:12px;padding:13px 19px;box-shadow:0 12px 35px #0004;max-width:calc(100vw - 30px);font-size:13px;text-align:center}.toast.is-error{background:#a32e48}
@media(max-width:1050px){.bulk-bar{flex-direction:column;align-items:stretch}.bulk-actions{justify-content:flex-start}.hero{padding:32px}.stat-panel{min-width:195px}.desktop-table{overflow-x:auto}}
@media(max-width:750px){.app-shell{padding:15px 13px 26px}.topbar{margin-bottom:18px}.brand-mark{height:43px;width:43px}.brand strong{font-size:15px}.local-badge{display:none}.hero{flex-direction:column;align-items:stretch;gap:20px;padding:27px 23px;border-radius:18px}.hero h1{font-size:31px;letter-spacing:-1px}.hero p{font-size:12px}.stat-panel{min-width:0;padding:15px 18px;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto auto;align-items:center;column-gap:12px}.stat-icon{grid-row:1/4;display:grid;place-items:center;background:#ffffff18;height:44px;width:44px;border-radius:10px}.stat-label{margin:0;font-size:10px}.stat-number{font-size:36px;margin:0;line-height:1.1}.stat-subtitle{font-size:11px}.content-panel{margin-top:16px;border-radius:16px}.section-header{padding:21px 16px;align-items:flex-start;flex-direction:column}.section-header h2{font-size:21px}.section-header .btn{width:100%}.table-tools{padding:0 16px 16px}.search-box{min-width:0;width:100%}.shown-counter{display:none}.bulk-bar{padding:13px 15px}.bulk-left{justify-content:space-between}.bulk-actions{display:grid;grid-template-columns:1fr 1fr}.bulk-actions .btn:last-child{grid-column:1/3}.bulk-actions .btn{white-space:normal}.desktop-table{display:none}.mobile-list{display:grid;gap:10px;padding:13px}.account-card{border:1px solid #eee9f4;border-radius:13px;background:#fff;padding:15px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-head-left{display:flex;align-items:flex-start;gap:10px;min-width:0}.card-mail{font-weight:760;font-size:14px;color:#282035;overflow-wrap:anywhere;margin-top:1px}.card-date{display:flex;align-items:center;gap:6px;color:#896eaa;font-size:11px;margin:8px 0 14px 27px}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card-field{background:#f7f5fb;border-radius:9px;padding:11px;min-width:0}.card-field-label{color:#9287a2;font-size:10px;font-weight:850;text-transform:uppercase;margin-bottom:6px}.card-field-value{font-size:13px;font-weight:680;overflow-wrap:anywhere;white-space:pre-wrap}.card-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.card-actions .btn{padding:8px 13px;min-height:36px}.page-footer{flex-direction:column;align-items:flex-start;line-height:1.7;padding:17px 4px}.auth-wrap{padding:28px 0}.auth-card{padding:25px 21px}.input-grid{grid-template-columns:1fr;gap:0}.modal-card{padding:22px 18px}.modal-actions .btn{flex:1;padding:12px 8px}}
@media(max-width:350px){.brand span:not(.brand-mark){display:none}.card-fields{grid-template-columns:1fr}.bulk-actions{display:flex;flex-direction:column}.bulk-actions .btn{width:100%}}