.layout{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#000}.navbar{background:#2481cc;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-brand h1{font-size:20px;font-weight:600;margin:0}.navbar-brand{display:flex;align-items:center;min-height:32px}.navbar-menu{display:flex;gap:16px}.navbar-menu a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:6px;transition:background-color .2s;font-size:14px}.navbar-menu a:hover{background-color:#ffffff1a}.navbar-menu a.active{background-color:#fff3;font-weight:600}.navbar-actions{display:flex;gap:16px;align-items:center}.company-selector select{background:#fff;color:#000;border:none;border-radius:6px;padding:6px 10px;font-size:13px}.logout-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s}.logout-button:hover{background:#ffffff40;border-color:#ffffff80}.main-content{flex:1;padding:16px;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 768px){.navbar{flex-direction:column;gap:12px}.navbar-actions{width:100%;justify-content:space-around}.main-content{padding:12px}}.dashboard{max-width:100%;padding:20px;background:#fff;color:#000;min-height:100vh}.dashboard h2{margin-bottom:24px;color:#000;font-size:24px}.dashboard h3{color:#000;font-size:18px}.dashboard p{color:#333}.loading{text-align:center;padding:40px;font-size:18px;color:#000;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000001a}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-value{font-size:24px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.stat-label{font-size:14px;color:var(--tg-theme-hint-color, #999999);margin-top:4px}.stat-link{color:var(--tg-theme-button-color, #2481cc);text-decoration:none;font-size:14px;font-weight:500}.quick-actions{margin-top:32px}.quick-actions h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.action-card{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border-radius:12px;padding:20px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.action-icon{font-size:32px}.action-text{font-size:14px;font-weight:500}.users-page{max-width:100%}.btn-primary{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.loading,.empty-state{text-align:center;padding:40px;color:var(--tg-theme-hint-color, #999999)}.pending-requests{margin-bottom:32px}.pending-requests h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.request-info{flex:1}.request-name{font-weight:600;font-size:16px;margin-bottom:4px}.request-username{color:var(--tg-theme-hint-color, #999999);font-size:14px;margin-bottom:4px}.request-date{color:var(--tg-theme-hint-color, #999999);font-size:12px}.request-actions{display:flex;gap:8px}.btn-approve,.btn-deny{padding:8px 16px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s}.btn-approve{background:#4caf50;color:#fff}.btn-deny{background:#f44336;color:#fff}.btn-approve:hover,.btn-deny:hover{opacity:.8}.users-list h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.user-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.user-info{flex:1}.user-name{font-weight:600;font-size:16px;margin-bottom:4px}.user-username{color:var(--tg-theme-hint-color, #999999);font-size:14px;margin-bottom:4px}.user-role{font-size:14px;margin-bottom:4px}.user-date{color:var(--tg-theme-hint-color, #999999);font-size:12px}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-edit{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff)}.user-details-page{max-width:100%}.user-details{display:flex;flex-direction:column;gap:24px}.detail-item span{color:var(--tg-theme-text-color, #000000)}.role-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.role-option{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;cursor:pointer;transition:background-color .2s}.role-option:hover{background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.role-option input[type=radio]{cursor:pointer}.btn-save{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s}.salons-page{max-width:100%;color:#1a1a1a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-primary{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:10px 20px;border-radius:8px;text-decoration:none;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:var(--tg-theme-button-color, #1e6aa8)}.loading,.empty-state{text-align:center;padding:40px;color:#666}.salons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.salon-create-form{background:#f3f6fb;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #dde4f0}.salon-create-form h3{margin:0 0 10px}.salon-create-row{display:flex;gap:8px;align-items:center}.salon-create-row input{flex:1;padding:10px 12px;border-radius:6px;border:1px solid #cfd5e3}.salon-create-form p{margin:10px 0 0;color:#666}.generated-credentials{background:#fff8e6;border:1px solid #ffd37a;border-radius:10px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-copy-generated{border:none;border-radius:6px;padding:6px 10px;cursor:pointer;background:#f4b400;color:#1a1a1a}.salon-card{background:#f3f6fb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid #dde4f0}.salon-info{flex:1}.salon-name{font-weight:600;font-size:18px;margin-bottom:12px}.salon-details{display:flex;flex-direction:column;gap:8px}.salon-detail{display:flex;justify-content:space-between;font-size:14px}.detail-label{color:#666;font-weight:500}.status-active{color:#4caf50;font-weight:500}.status-inactive{color:#f44336;font-weight:500}.salon-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-edit,.btn-delete{flex:1;padding:8px 12px;border-radius:6px;border:none;font-size:14px;cursor:pointer;text-decoration:none;text-align:center;transition:opacity .2s}.btn-edit{background:#2481cc;color:#fff}.btn-delete{background:#f44336;color:#fff}.btn-edit:hover,.btn-delete:hover{opacity:.8}.salon-details-page{max-width:100%}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.btn-back{background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-text-color, #000000);padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.btn-back:hover{background:var(--tg-theme-hint-color, #999999);color:#fff}.loading,.error{text-align:center;padding:40px}.error{color:#f44336}.salon-details{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:20px}.detail-section h3{margin:0 0 16px;color:var(--tg-theme-text-color, #000000)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--tg-theme-text-color, #000000)}.form-group input[type=text],.form-group input[type=url]{width:100%;padding:10px 12px;border:1px solid var(--tg-theme-hint-color, #cccccc);border-radius:6px;font-size:14px;background:#fff;color:var(--tg-theme-text-color, #000000)}.credential-row{display:flex;gap:8px}.btn-save-inline,.btn-reset-password,.btn-copy-inline{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:6px;padding:10px 14px;cursor:pointer}.btn-save-inline:disabled,.btn-reset-password:disabled,.btn-copy-inline:disabled{opacity:.6;cursor:not-allowed}.new-password-note{margin-top:12px;padding:10px;border-radius:8px;background:#fff8e6;border:1px solid #ffd37a;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.credential-meta{margin-top:8px;color:var(--tg-theme-hint-color, #999999)}.btn-copy-password{background:#f4b400;color:#1a1a1a;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.credential-history{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.credential-history h4{margin:0 0 10px}.credential-history-list{display:flex;flex-direction:column;gap:8px}.credential-history-item{background:#fff;border:1px solid #d9e1f2;border-radius:8px;padding:10px;font-size:13px}.form-group input[type=checkbox]{margin-right:8px;cursor:pointer}.form-group label span{cursor:pointer}.detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.detail-item:last-child{border-bottom:none}.detail-item label{font-weight:500;color:var(--tg-theme-hint-color, #999999)}.detail-item span{color:var(--tg-theme-text-color, #000000);word-break:break-all}.btn-save{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s;margin-top:8px}.btn-save:hover:not(:disabled){opacity:.8}.btn-save:disabled{opacity:.5;cursor:not-allowed}.danger-zone{background:#ffebee;border-radius:12px;padding:20px;border:2px solid #f44336}.danger-zone h3{margin:0 0 16px;color:#f44336}.btn-delete{background:#f44336;color:#fff;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s}.btn-delete:hover{opacity:.8}.salon-assignments-page{padding:20px}.supervisor-rtt-page{padding:20px}.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.assignments-list{margin-top:20px}.sales-tables-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{margin:0}.header-actions{display:flex;gap:10px}.assign-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.assign-form h3{margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.tables-section,.assignments-section{margin-top:30px}.assignments-table{width:100%;border-collapse:collapse;margin-top:10px}.assignments-table th,.assignments-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.assignments-table th{background-color:#f5f5f5;font-weight:600}.assignments-table a{color:#007bff;text-decoration:none}.assignments-table a:hover{text-decoration:underline}.empty-state{text-align:center;padding:40px;color:#999}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:4px 8px;font-size:12px}.loading{text-align:center;padding:40px}.supervisor-summary-page{padding:16px}.supervisor-summary-controls{display:flex;gap:16px;align-items:center;margin-bottom:12px}.supervisor-summary-tabs{display:flex;gap:8px}.supervisor-summary-tabs button{border:1px solid #cfd5e3;background:#fff;color:#2b3a67;border-radius:8px;padding:6px 12px;cursor:pointer}.supervisor-summary-tabs button.active{background:#2481cc;border-color:#2481cc;color:#fff}.supervisor-summary-controls input{margin-left:8px}.supervisor-summary-error{color:#b42318;margin-bottom:10px}.supervisor-summary-empty,.supervisor-summary-loading{color:#516186}.supervisor-summary-table-wrap{overflow:auto}.supervisor-summary-table{width:100%;border-collapse:collapse;min-width:900px}.supervisor-summary-table th,.supervisor-summary-table td{border:1px solid #e3e8f2;padding:8px;text-align:center}.supervisor-summary-table th{background:#f7f9fc;color:#2b3a67}.supervisor-summary-table td:first-child{text-align:left}.supervisor-plan-editor{display:flex;gap:6px}.supervisor-plan-editor input{width:110px}.supervisor-plan-editor button{border:1px solid #2481cc;background:#2481cc;color:#fff;border-radius:6px;padding:4px 8px;cursor:pointer}.supervisor-plan-editor button:disabled{opacity:.6;cursor:not-allowed}.supervisor-summary-table td.fact-over-plan{color:#138a36;font-weight:600}.settings-page{padding:20px;max-width:800px;margin:0 auto}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.settings-tabs button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:16px;color:#666;border-bottom:3px solid transparent;transition:all .3s}.settings-tabs button:hover{color:#333}.settings-tabs button.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.settings-content{margin-top:20px}.settings-section{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-section h3{margin-top:0;margin-bottom:20px;color:#333}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.section-inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;min-width:200px}.field label{font-size:14px;color:#555}.field input,.field select{padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;font-size:14px}.primary{margin-top:16px;padding:12px 18px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.primary:disabled{background:#9fb8e7;cursor:not-allowed}.time-settings-list{display:flex;flex-direction:column;gap:16px}.time-setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:6px}.time-info{display:flex;flex-direction:column;gap:6px}.time-info input[type=time]{padding:8px 10px;border:1px solid #dcdcdc;border-radius:6px}.time-mode-switch{display:flex;gap:16px;margin-bottom:16px}.gap-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#555}.notification-setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:6px;margin-bottom:24px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translate(26px)}.report-chats-section{margin-top:30px}.report-chats-section h4{margin-bottom:16px;color:#333}.chats-list{display:flex;flex-direction:column;gap:12px}.chat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;gap:12px}.chat-slots{display:flex;flex-direction:column;gap:16px;margin-top:16px}.chat-slot{padding:16px;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:12px}.chat-slot-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.time-configs{display:flex;flex-direction:column;gap:10px}.muted{font-size:12px;color:#666}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-info strong{color:#333}.chat-info span{font-size:12px;color:#666}.loading{text-align:center;padding:40px;color:#666}.indicators-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.indicator-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f8f9fa;border-radius:6px;border:1px dashed transparent}.indicator-item:active,.indicator-item:focus-within{border-color:#007bff}.drag-handle{cursor:grab;margin-right:8px;touch-action:none}.indicator-name{flex:1}.new-chat-form{margin-top:16px;margin-bottom:24px;padding:12px;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:12px}.chat-times{display:flex;flex-wrap:wrap;gap:8px}.time-checkbox{display:flex;align-items:center;gap:4px;font-size:13px;color:#555}.chat-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f5f6f8}.login-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 6px 20px #00000014;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.login-card h2{margin:0;color:#1f2933;font-size:20px}.login-message{padding:10px 12px;background:#eef5ff;border-radius:8px;color:#1d4ed8;font-size:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:14px;color:#4a5568}.login-field input{padding:10px 12px;border:1px solid #d0d7de;border-radius:8px;font-size:14px}.login-actions{display:flex;gap:12px}.login-actions button{flex:1;padding:10px 12px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}.login-actions button.secondary{background:#e2e8f0;color:#1f2933}.login-actions button:disabled{opacity:.7;cursor:not-allowed}.salon-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#e6f7fb,#f4f7fb 60%)}.salon-login-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 30px #0f172a1f;border:1px solid #e2e8f0;width:100%;max-width:400px}.salon-login-card h1{margin:0 0 4px;color:#0f172a;font-size:24px}.salon-login-subtitle{margin:0 0 24px;color:#64748b;font-size:14px}.salon-login-error{padding:10px 12px;background:#3f1d1d;border-radius:8px;color:#fecaca;font-size:14px;margin-bottom:16px}.salon-login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.salon-login-field label{font-size:14px;color:#334155}.salon-login-field input{padding:12px 14px;border:1px solid #d0d7de;border-radius:8px;font-size:14px;background:#fff;color:#0f172a}.salon-login-field input:focus{outline:none;border-color:#00b9e8}.salon-login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#06b6d4;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.salon-login-btn:hover:not(:disabled){background:#0891b2}.salon-login-btn:disabled{opacity:.7;cursor:not-allowed}.salon-layout{min-height:100vh;display:flex;flex-direction:column;background:#f4f7fb}.salon-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#fff;color:#0f172a;border-bottom:1px solid #e2e8f0}.salon-nav-brand a{color:#0f172a;text-decoration:none;font-weight:700;font-size:18px}.salon-nav-links{display:flex;align-items:center;gap:8px}.salon-nav-links a{color:#334155;text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid transparent}.salon-nav-links a:hover{background:#ecfeff;color:#0891b2;border-color:#a5f3fc}.salon-nav-links a.active{background:#06b6d4;color:#fff;border-color:#06b6d4}.salon-nav-logout{margin-left:12px;padding:8px 12px;border:1px solid #06b6d4;border-radius:8px;background:transparent;color:#0891b2;font-size:13px;font-weight:600;cursor:pointer}.salon-nav-logout:hover{background:#06b6d4;color:#fff}.salon-main{flex:1;padding:20px;color:#0f172a}@media (max-width: 960px){.salon-nav{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.salon-nav-links{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin}.salon-nav-links a,.salon-nav-logout{flex:0 0 auto;white-space:nowrap}.salon-main{padding:16px}}@media (max-width: 640px){.salon-nav{padding:12px}.salon-nav-brand a{font-size:16px}.salon-nav-links a,.salon-nav-logout{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.salon-main{padding:12px}}.salon-dashboard{padding:20px}.salon-dashboard h2{margin:0 0 8px;color:#0f172a;font-size:22px}.salon-dashboard-welcome{margin:0 0 20px;color:#64748b;font-size:14px}.salon-dashboard-placeholder{padding:40px;background:#fff;border-radius:10px;border:1px dashed #cbd5e1;color:#64748b;text-align:center}.salon-dashboard-error{margin-top:12px;padding:12px;border-radius:8px;background:#3f1d1d;color:#fecaca}.salon-toolbar{margin:12px 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.salon-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#334155}.salon-toolbar input{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a}.shift-picker{position:relative}.shift-picker>summary{list-style:none;cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;background:#fff;color:#0f172a;font-size:14px}.shift-picker>summary::-webkit-details-marker{display:none}.shift-picker-menu{position:absolute;z-index:20;margin-top:8px;min-width:260px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 8px 20px #0000001f;padding:10px}.shift-picker-item{display:flex;gap:8px;align-items:center;font-size:14px;color:#334155;margin-bottom:8px}.shift-picker-apply{width:100%;border:none;background:#06b6d4;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:14px;font-weight:600}.shift-picker-apply:disabled{opacity:.7;cursor:not-allowed}.salon-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.salon-setup-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.salon-setup-card h4{margin:0 0 10px;font-size:14px;color:#334155}.salon-inline-form{display:flex;gap:8px}.salon-inline-form input,.salon-inline-form select{padding:8px;border:1px solid #cbd5e1;border-radius:8px;min-width:0}.salon-inline-form input{flex:1}.salon-inline-form button{border:none;background:#2563eb;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.salon-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.salon-sales-table{width:100%;border-collapse:collapse;min-width:900px}.salon-sales-table th,.salon-sales-table td{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left;font-size:14px;color:#1e293b}.salon-sales-table thead th{background:#f8fafc;position:sticky;top:0;color:#475569}.salon-sales-table input{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;background:#fff;color:#0f172a}.fact-cell{font-weight:600;color:#0891b2}.salon-sales-table td.fact-over-plan{color:#16a34a}@media (max-width: 960px){.salon-dashboard{padding:12px 0}.salon-toolbar{flex-direction:column;align-items:stretch}.salon-toolbar label,.shift-picker,.shift-picker>summary{width:100%}.shift-picker-menu{left:0;right:0;min-width:0;max-width:none}.salon-setup-grid{grid-template-columns:1fr}.salon-inline-form{flex-direction:column}.salon-inline-form button{width:100%;min-height:44px}}@media (max-width: 640px){.salon-dashboard h2{font-size:20px}.salon-toolbar input,.salon-inline-form input,.salon-inline-form select,.salon-sales-table input,.shift-picker>summary,.shift-picker-apply{min-height:44px;font-size:16px}.shift-picker-menu{position:static;margin-top:10px;box-shadow:none}.salon-sales-table{min-width:760px}}.entity-page{padding:20px}.entity-page h2{margin:0 0 8px;color:#0f172a;font-size:22px}.entity-page p{margin:0 0 14px;color:#64748b;font-size:14px}.entity-create-row{display:flex;gap:8px;margin-bottom:14px}.entity-create-row input,.entity-create-row select{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;min-width:0;background:#fff;color:#0f172a}.entity-create-row input{flex:1}.entity-create-row button{border:none;background:#06b6d4;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:600}.entity-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:14px;color:#64748b}.entity-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.entity-table{width:100%;border-collapse:collapse}.entity-table th,.entity-table td{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left;font-size:14px;color:#1e293b}.entity-table thead th{background:#f8fafc;color:#475569}.entity-table input,.entity-table select{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;box-sizing:border-box;background:#fff;color:#0f172a}.entity-actions{white-space:nowrap}.entity-actions button{border:none;background:#06b6d4;color:#fff;border-radius:6px;padding:6px 10px;margin-right:6px;cursor:pointer;font-size:13px;font-weight:600}.entity-actions button.danger{background:#dc2626}.entity-table td.fact-over-plan{color:#16a34a;font-weight:600}.entity-table tr.entity-row-success td{background:#dcfce7}.entity-table tr.entity-row-danger td{background:#fee2e2}.entity-table tr.entity-row-success input,.entity-table tr.entity-row-success select,.entity-table tr.entity-row-danger input,.entity-table tr.entity-row-danger select{background:transparent}@media (max-width: 720px){.entity-page{padding:12px 0}.entity-create-row{flex-direction:column}.entity-create-row button{width:100%;min-height:44px}.entity-create-row input,.entity-create-row select,.entity-table input,.entity-table select{min-height:44px;font-size:16px}.entity-actions{display:flex;flex-wrap:wrap;gap:6px}.entity-actions button{margin-right:0;min-height:40px}}body{background:#081018}.design-gallery-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(64,190,167,.28),transparent 30%),radial-gradient(circle at top right,rgba(255,163,87,.22),transparent 28%),linear-gradient(180deg,#071018,#0c1620);color:#f2f8ff;padding:32px}.gallery-hero{max-width:1280px;margin:0 auto;display:grid;gap:28px}.gallery-eyebrow,.preview-eyebrow,.mini-label,.sidebar-title,.gallery-card-top span,.module-topline span{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.gallery-hero h1{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(34px,5vw,64px);line-height:.98;max-width:940px;margin-bottom:16px}.gallery-hero p{max-width:820px;font-size:18px;line-height:1.6;color:#f2f8ffd1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.gallery-card{min-height:220px;border-radius:28px;padding:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0000002e}.gallery-card:after,.preview-sidebar-card:after,.preview-content-card:after,.module-card:after,.preview-art-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%)}.gallery-card-top{display:grid;gap:10px;margin-bottom:16px}.gallery-card strong{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:28px;line-height:1.04}.gallery-card p{font-size:15px;line-height:1.5;color:inherit;margin-bottom:16px}.gallery-card-tags{display:flex;flex-wrap:wrap;gap:8px}.gallery-card-tags span,.preview-switcher a,.preview-ghost-link,.sidebar-link-row span,.module-card li{border-radius:999px}.gallery-card-tags span{padding:8px 12px;background:#ffffff14;font-size:13px}.staff-design-preview{min-height:100vh;position:relative;overflow:hidden;padding:28px;color:var(--text-color);background:var(--page-bg)}.preview-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,var(--glow-a),transparent 28%),radial-gradient(circle at 92% 14%,var(--glow-b),transparent 24%),radial-gradient(circle at 50% 100%,var(--glow-c),transparent 30%);opacity:1}.preview-shell{position:relative;max-width:1440px;margin:0 auto;display:grid;gap:22px}.preview-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.preview-ghost-link,.preview-switcher a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line-color);background:var(--surface-soft);color:var(--text-color);font-weight:600;backdrop-filter:blur(14px)}.preview-switcher{display:flex;flex-wrap:wrap;gap:10px}.preview-switcher a.is-active{background:var(--accent-fill);color:var(--accent-contrast);border-color:transparent;box-shadow:0 14px 36px var(--accent-shadow)}.preview-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:22px;align-items:stretch}.preview-copy,.preview-art-panel,.preview-sidebar-card,.preview-content-card,.module-card,.preview-footer-strip{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line-color);background:var(--surface);backdrop-filter:blur(22px);box-shadow:var(--panel-shadow)}.preview-copy{padding:30px}.preview-copy h1{margin-top:10px;font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(40px,6vw,82px);line-height:.92;max-width:10ch}.preview-subtitle{margin-top:16px;font-size:20px;line-height:1.5;color:var(--muted-color);max-width:56ch}.preview-personality{margin-top:14px;font-size:15px;line-height:1.7;color:var(--soft-color);max-width:66ch}.preview-metrics{margin-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.preview-metrics article{border-radius:22px;padding:16px;background:var(--surface-soft);border:1px solid var(--line-soft);display:grid;gap:8px}.preview-metrics strong{font-size:30px;line-height:1;font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif}.preview-metrics span,.preview-metrics small,.module-card p,.preview-content-card>p,.preview-sidebar-card p,.sidebar-link-row strong{color:var(--muted-color)}.preview-art-panel{padding:18px;display:flex;align-items:center;justify-content:center}.preview-illustration{width:100%;height:auto}.preview-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px}.preview-sidebar-card{padding:24px}.sidebar-title{color:var(--soft-color);margin-bottom:14px}.preview-sidebar-card p{line-height:1.7;margin-bottom:18px}.preview-sidebar-card nav{display:grid;gap:12px}.sidebar-link-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line-soft)}.sidebar-link-row span{padding:8px 10px;text-align:center;background:var(--accent-fill);color:var(--accent-contrast);font-size:12px;font-weight:700}.content-card-header{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:18px;align-items:start}.preview-content-card{padding:24px}.preview-content-card h2{margin-top:8px;font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.02}.content-card-header p{font-size:15px;line-height:1.7;color:var(--muted-color)}.module-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.module-card{padding:22px;min-height:260px}.module-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.module-signal{width:12px;height:12px;border-radius:999px;background:var(--accent-fill);box-shadow:0 0 0 10px var(--accent-ring)}.module-card h3{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:26px;line-height:1.08;margin-bottom:12px}.module-card p{line-height:1.7;margin-bottom:16px}.module-card ul{list-style:none;display:grid;gap:10px}.module-card li{padding:10px 12px;background:var(--surface-soft);border:1px solid var(--line-soft);line-height:1.5}.preview-footer-strip{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-footer-strip strong{display:block;margin-top:8px;max-width:920px;line-height:1.6}.page-showcase,.page-preview-card{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line-color);background:var(--surface);backdrop-filter:blur(22px);box-shadow:var(--panel-shadow)}.page-showcase{padding:24px;display:grid;gap:24px}.page-showcase-header,.page-role-header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.8fr);gap:18px;align-items:start}.page-showcase-header h2,.page-role-header h3{margin-top:8px;font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;line-height:1.02}.page-showcase-header h2{font-size:clamp(32px,4vw,54px)}.page-role-header h3{font-size:clamp(24px,3vw,36px)}.page-showcase-header p,.page-role-header p,.page-card-copy p{color:var(--muted-color);line-height:1.7}.page-role-group{display:grid;gap:16px}.page-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.page-preview-card{display:grid;gap:18px;padding:18px}.page-card-copy{display:grid;gap:12px}.page-card-topline{display:grid;gap:8px}.page-card-topline span{letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--soft-color)}.page-card-topline strong{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:24px;line-height:1.08}.page-accent-list{display:flex;flex-wrap:wrap;gap:8px}.page-accent-list span{padding:8px 12px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-soft);font-size:12px;color:var(--muted-color)}.mock-screen{padding:14px;border-radius:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line-soft);min-height:280px}.mock-screen-topbar{display:flex;gap:8px;margin-bottom:12px}.mock-screen-topbar span{width:10px;height:10px;border-radius:999px;background:var(--soft-color);opacity:.75}.mock-screen-body{display:grid;grid-template-columns:56px 1fr;gap:12px}.mock-sidebar-rail{display:grid;gap:10px}.mock-sidebar-rail i,.mock-chip-row span,.mock-filter-grid span,.mock-line,.mock-pill,.mock-row,.mock-card-block,.mock-chart-card,.mock-wide-card,.mock-hero-card{display:block;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line-soft)}.mock-sidebar-rail i{height:42px}.mock-main-stage{display:grid;gap:12px}.mock-chip-row,.mock-filter-grid,.mock-twin-grid,.mock-triple-grid{display:grid;gap:10px}.mock-chip-row{grid-template-columns:repeat(3,1fr)}.mock-chip-row.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-chip-row span{height:32px}.mock-filter-grid{grid-template-columns:repeat(4,1fr)}.mock-filter-grid.dense{grid-template-columns:repeat(5,1fr)}.mock-filter-grid span{height:36px}.mock-table-rows{display:grid;gap:8px}.mock-row{height:40px}.mock-card-block{min-height:120px}.mock-card-block.tall{min-height:140px}.mock-chart-card{min-height:120px}.mock-wide-card{min-height:92px}.mock-wide-card.tall-surface{min-height:152px}.mock-hero-card{min-height:108px}.mock-form-card{padding:14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--line-soft);display:grid;gap:10px}.mock-form-card.wide-form{min-height:136px}.mock-line{height:14px}.mock-line.wide{height:18px}.mock-pill{height:34px;width:38%}.mock-pill.strong{background:var(--accent-fill);border-color:transparent}.mock-twin-grid{grid-template-columns:repeat(2,1fr)}.mock-triple-grid{grid-template-columns:repeat(3,1fr)}.preview-clean .preview-shell{gap:18px}.mix-ui-board,.mix-login-board{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line-color);background:var(--surface);backdrop-filter:blur(22px);box-shadow:var(--panel-shadow)}.mix-ui-board{padding:24px;display:grid;gap:18px}.mix-ui-hero,.mix-ui-tabs,.mix-ui-metrics,.mix-ui-grid{display:grid;gap:14px}.mix-ui-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mix-ui-brand{display:inline-flex;align-items:center;gap:14px}.mix-ui-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;color:#081018;background:var(--accent-fill);box-shadow:0 14px 32px var(--accent-shadow)}.mix-ui-brand strong,.mix-ui-card-top strong,.mix-login-fields strong{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif}.mix-ui-brand strong{display:block;font-size:28px;line-height:1}.mix-ui-brand small{color:var(--muted-color);font-size:14px}.mix-ui-actions,.mix-login-chips{display:flex;flex-wrap:wrap;gap:10px}.mix-ui-actions button,.mix-login-fields button,.mix-login-chips span,.mix-ui-tabs span{border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-soft);color:var(--text-color);font-weight:700}.mix-ui-actions button,.mix-login-fields button{padding:12px 18px}.mix-ui-actions button.is-primary,.mix-login-fields button.is-primary{background:var(--accent-fill);color:var(--accent-contrast);border-color:transparent;box-shadow:0 14px 36px var(--accent-shadow)}.mix-ui-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.mix-ui-tabs span{padding:14px 12px;text-align:center}.mix-ui-tabs span.is-active{background:var(--accent-fill);color:var(--accent-contrast);border-color:transparent}.mix-ui-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-ui-metrics article{padding:18px;border-radius:24px;background:var(--surface-soft);border:1px solid var(--line-soft);display:grid;gap:8px}.mix-ui-metrics span{color:var(--soft-color);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mix-ui-metrics strong{font-size:32px;line-height:1}.mix-ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-ui-card{padding:18px;border-radius:26px;border:1px solid var(--line-soft);background:#ffffff08;display:grid;gap:12px}.mix-ui-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mix-ui-card-top strong{font-size:24px}.mix-ui-card-top span{width:12px;height:12px;border-radius:999px;background:var(--accent-fill);box-shadow:0 0 0 10px var(--accent-ring)}.mix-login-board{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:20px;align-items:stretch}.mix-login-copy{display:grid;gap:16px;align-content:center}.mix-login-copy h1{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(42px,6vw,78px);line-height:.92;max-width:9ch}.mix-login-copy p{color:var(--muted-color);font-size:18px;line-height:1.7;max-width:48ch}.mix-login-chips span{padding:10px 14px}.mix-login-form{display:grid;gap:14px;border-radius:28px;border:1px solid var(--line-soft);background:#ffffff08;padding:18px}.mix-login-art{padding:10px;border-radius:22px;border:1px solid var(--line-soft);background:#ffffff08}.mix-login-fields{display:grid;gap:12px}.mix-login-fields strong{font-size:24px}.mix-login-fields input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line-soft);background:#ffffff0d;color:var(--text-color);box-sizing:border-box}.mix-login-fields input::placeholder{color:var(--muted-color)}.variant-orbit{--page-bg: linear-gradient(180deg, #05111b 0%, #09141c 100%);--surface: rgba(7, 22, 32, .78);--surface-soft: rgba(14, 30, 42, .72);--text-color: #f2fbff;--muted-color: rgba(242, 251, 255, .78);--soft-color: rgba(155, 255, 226, .88);--line-color: rgba(155, 255, 226, .18);--line-soft: rgba(155, 255, 226, .12);--accent-fill: linear-gradient(135deg, #85ffe2 0%, #4db5ff 100%);--accent-contrast: #041016;--accent-shadow: rgba(77, 181, 255, .24);--accent-ring: rgba(133, 255, 226, .14);--panel-shadow: 0 32px 90px rgba(0, 0, 0, .34);--glow-a: rgba(77, 181, 255, .26);--glow-b: rgba(133, 255, 226, .22);--glow-c: rgba(255, 206, 99, .18)}.variant-orbit .gallery-card,.variant-orbit .preview-copy,.variant-orbit .preview-art-panel,.variant-orbit .preview-sidebar-card,.variant-orbit .preview-content-card,.variant-orbit .module-card,.variant-orbit .preview-footer-strip{background:#071620cc}.variant-atlas{--page-bg: linear-gradient(180deg, #eef4f2 0%, #f9f3ec 100%);--surface: rgba(255, 255, 255, .74);--surface-soft: rgba(255, 255, 255, .58);--text-color: #10222a;--muted-color: rgba(16, 34, 42, .76);--soft-color: #0da5a0;--line-color: rgba(16, 34, 42, .1);--line-soft: rgba(16, 34, 42, .08);--accent-fill: linear-gradient(135deg, #0da5a0 0%, #ff8d57 100%);--accent-contrast: #ffffff;--accent-shadow: rgba(13, 165, 160, .18);--accent-ring: rgba(13, 165, 160, .14);--panel-shadow: 0 28px 70px rgba(32, 48, 56, .12);--glow-a: rgba(13, 165, 160, .18);--glow-b: rgba(255, 141, 87, .16);--glow-c: rgba(255, 229, 176, .16)}.variant-signal{--page-bg: linear-gradient(180deg, #05080d 0%, #11161d 100%);--surface: rgba(11, 16, 24, .86);--surface-soft: rgba(20, 28, 38, .78);--text-color: #eff8f3;--muted-color: rgba(239, 248, 243, .74);--soft-color: #7effcc;--line-color: rgba(126, 255, 204, .16);--line-soft: rgba(126, 255, 204, .1);--accent-fill: linear-gradient(135deg, #7effcc 0%, #00b8ff 100%);--accent-contrast: #071015;--accent-shadow: rgba(0, 184, 255, .22);--accent-ring: rgba(126, 255, 204, .12);--panel-shadow: 0 32px 90px rgba(0, 0, 0, .42);--glow-a: rgba(126, 255, 204, .16);--glow-b: rgba(0, 184, 255, .14);--glow-c: rgba(255, 196, 77, .12)}.variant-mix{--page-bg: linear-gradient(180deg, #08111b 0%, #111826 100%);--surface: rgba(12, 20, 32, .82);--surface-soft: rgba(255, 255, 255, .07);--text-color: #f6fbff;--muted-color: rgba(246, 251, 255, .78);--soft-color: #9df3e7;--line-color: rgba(157, 243, 231, .16);--line-soft: rgba(255, 255, 255, .1);--accent-fill: linear-gradient(135deg, #9df3e7 0%, #81a7ff 55%, #ffb27a 100%);--accent-contrast: #071118;--accent-shadow: rgba(129, 167, 255, .24);--accent-ring: rgba(157, 243, 231, .12);--panel-shadow: 0 34px 96px rgba(0, 0, 0, .38);--glow-a: rgba(129, 167, 255, .18);--glow-b: rgba(157, 243, 231, .18);--glow-c: rgba(255, 178, 122, .16)}@media (max-width: 1120px){.preview-hero,.preview-workspace,.content-card-header,.page-showcase-header,.page-role-header{grid-template-columns:1fr}.preview-art-panel{min-height:320px}}@media (max-width: 720px){.design-gallery-page,.staff-design-preview{padding:18px}.preview-copy,.preview-art-panel,.preview-sidebar-card,.preview-content-card,.module-card,.preview-footer-strip,.gallery-card{border-radius:22px}.preview-footer-strip{flex-direction:column;align-items:flex-start}.preview-metrics,.module-grid,.gallery-grid,.page-card-grid,.mock-twin-grid,.mock-triple-grid,.mock-filter-grid,.mock-filter-grid.dense,.mock-chip-row,.mock-chip-row.compact{grid-template-columns:1fr}}.staff-shell,.staff-login-shell,.staff-loading-shell{--staff-page-bg: linear-gradient(180deg, #08111b 0%, #111826 100%);--staff-surface: rgba(12, 20, 32, .82);--staff-surface-soft: rgba(255, 255, 255, .06);--staff-surface-strong: rgba(8, 14, 24, .92);--staff-text: #f6fbff;--staff-muted: rgba(246, 251, 255, .78);--staff-soft: #9df3e7;--staff-line: rgba(157, 243, 231, .16);--staff-line-soft: rgba(255, 255, 255, .1);--staff-accent: linear-gradient(135deg, #9df3e7 0%, #81a7ff 55%, #ffb27a 100%);--staff-accent-shadow: rgba(129, 167, 255, .24);--staff-accent-ring: rgba(157, 243, 231, .12);--staff-shadow: 0 34px 96px rgba(0, 0, 0, .38);--staff-glow-a: rgba(129, 167, 255, .18);--staff-glow-b: rgba(157, 243, 231, .18);--staff-glow-c: rgba(255, 178, 122, .16)}.staff-shell,.staff-login-shell,.staff-loading-shell{min-height:100vh;position:relative;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding:26px;color:var(--staff-text);background:var(--staff-page-bg)}.staff-shell:before,.staff-login-shell:before,.staff-loading-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,var(--staff-glow-a),transparent 28%),radial-gradient(circle at 92% 12%,var(--staff-glow-b),transparent 24%),radial-gradient(circle at 56% 100%,var(--staff-glow-c),transparent 32%);pointer-events:none}.staff-shell>*,.staff-login-shell>*,.staff-loading-shell>*{position:relative;z-index:1}.staff-loading-shell{display:grid;place-items:center}.staff-loading-card{width:min(420px,100%);border-radius:28px;border:1px solid var(--staff-line);background:var(--staff-surface);box-shadow:var(--staff-shadow);padding:26px;text-align:center;backdrop-filter:blur(22px)}.staff-loading-card strong{display:block;font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:28px;margin-bottom:10px}.staff-shell-inner,.staff-login-inner{width:min(1440px,100%);margin:0 auto;display:grid;gap:22px;min-width:0}.staff-topbar,.staff-login-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.staff-brand{display:inline-flex;align-items:center;gap:14px}.staff-brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--staff-accent);color:#071118;font-weight:800;letter-spacing:.08em;box-shadow:0 14px 36px var(--staff-accent-shadow)}.staff-brand-copy strong,.staff-hero-copy h1,.staff-login-copy h1,.staff-page-intro h2{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif}.staff-brand-copy strong{display:block;font-size:24px;line-height:1}.staff-brand-copy span,.staff-hero-copy p,.staff-user-meta,.staff-page-intro p,.staff-login-copy p{color:var(--staff-muted)}.staff-topbar-actions,.staff-login-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.staff-chip,.staff-tab-link,.staff-shell button,.staff-shell .btn,.staff-login-shell button{border-radius:999px}.staff-chip{padding:10px 14px;border:1px solid var(--staff-line-soft);background:var(--staff-surface-soft);color:var(--staff-text);font-weight:600}.staff-shell-action,.staff-login-shell button,.staff-shell .btn,.staff-shell button{border:1px solid var(--staff-line-soft);background:#ffffff0f;color:var(--staff-text);min-height:42px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.staff-shell-action:hover,.staff-login-shell button:hover,.staff-shell .btn:hover,.staff-shell button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #00000038}.staff-shell-action.is-primary,.staff-login-shell .is-primary{background:var(--staff-accent);color:#071118;border-color:transparent;box-shadow:0 16px 40px var(--staff-accent-shadow)}.staff-shell button:disabled,.staff-shell .btn:disabled,.staff-login-shell button:disabled{opacity:.66;cursor:not-allowed;transform:none;box-shadow:none}.staff-hero-card,.staff-page-frame,.staff-login-card{border-radius:30px;border:1px solid var(--staff-line);background:var(--staff-surface);box-shadow:var(--staff-shadow);backdrop-filter:blur(22px);position:relative;overflow:hidden}.staff-hero-card:after,.staff-page-frame:after,.staff-login-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%)}.staff-hero-card{padding:24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:22px;align-items:center}.staff-hero-copy h1{font-size:clamp(34px,5vw,62px);line-height:.94;margin:10px 0 14px;max-width:10ch}.staff-overline,.staff-page-overline,.staff-login-overline{display:inline-flex;align-items:center;gap:8px;color:var(--staff-soft);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.staff-overline:before,.staff-page-overline:before,.staff-login-overline:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--staff-accent);box-shadow:0 0 0 10px var(--staff-accent-ring)}.staff-hero-copy p{max-width:54ch;line-height:1.7;font-size:16px}.staff-hero-meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.staff-metric{min-width:160px;padding:14px 16px;border-radius:22px;background:var(--staff-surface-soft);border:1px solid var(--staff-line-soft);display:grid;gap:6px}.staff-metric span{color:var(--staff-soft);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.staff-metric strong{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:30px;line-height:1}.staff-hero-art,.staff-login-art{padding:16px;border-radius:28px;border:1px solid var(--staff-line-soft);background:#ffffff0a}.staff-illustration{width:100%;height:auto}.staff-tabbar{display:flex;gap:10px;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.staff-tab-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:46px;border:1px solid var(--staff-line-soft);background:#ffffff0f;color:var(--staff-text);text-decoration:none;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.staff-tab-link:hover{transform:translateY(-1px);box-shadow:0 14px 34px #00000038}.staff-tab-link.is-active{background:var(--staff-accent);color:#071118;border-color:transparent;box-shadow:0 16px 38px var(--staff-accent-shadow)}.staff-page-frame{padding:24px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.staff-page-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:18px}.staff-page-intro h2{margin:8px 0 10px;font-size:clamp(28px,4vw,42px);line-height:.98}.staff-page-intro p{margin:0;max-width:56ch;line-height:1.7}.staff-page-frame h3,.staff-page-frame h4{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;margin-top:0}.staff-page-frame input,.staff-page-frame select,.staff-page-frame textarea{width:100%;min-height:44px;box-sizing:border-box;border-radius:18px;border:1px solid var(--staff-line-soft)!important;background:#ffffff0d!important;color:var(--staff-text)!important;padding:10px 14px}.staff-page-frame select,.staff-login-shell select{color-scheme:dark}.staff-page-frame select option,.staff-login-shell select option,.staff-page-frame select optgroup,.staff-login-shell select optgroup{background:#101a28;color:var(--staff-text)}.staff-page-frame input[type=checkbox],.staff-shell input[type=checkbox],.staff-login-shell input[type=checkbox]{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;margin:0;border-radius:4px;accent-color:#9df3e7;box-shadow:none!important;flex:0 0 16px}.staff-page-frame textarea{min-height:120px;resize:vertical}.staff-page-frame input::placeholder,.staff-page-frame textarea::placeholder{color:var(--staff-muted)}.staff-page-frame label{color:var(--staff-text)}.staff-page-frame table{width:100%;border-collapse:collapse}.staff-page-frame th,.staff-page-frame td{border-color:var(--staff-line-soft)!important}.staff-page-frame th{background:#ffffff0f;color:var(--staff-soft)}.staff-page-frame td,.staff-page-frame th{padding:10px}.staff-page-frame .loading,.staff-page-frame .entity-empty,.staff-page-frame .empty-state{color:var(--staff-muted)}.staff-panel-grid{display:grid;gap:16px}.staff-panel-grid.columns-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.staff-surface-card{border-radius:24px;border:1px solid var(--staff-line-soft);background:#ffffff0a;padding:18px}.staff-surface-card h3{margin-bottom:12px}.staff-pill-row{display:flex;flex-wrap:wrap;gap:10px}.staff-pill-selector button{min-height:40px}.staff-inline-actions,.staff-form-grid,.staff-form-row{display:grid;gap:12px}.staff-form-grid.two-cols{grid-template-columns:minmax(220px,280px) minmax(260px,1fr)}.staff-table-shell{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border-radius:24px;border:1px solid var(--staff-line-soft);background:#ffffff08}.staff-table-shell table{min-width:100%}.staff-table-shell>table,.staff-table-shell>div>table{min-width:max-content}.staff-choice-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-choice-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;padding:14px;border-radius:20px;border:1px solid var(--staff-line-soft);background:var(--staff-surface-strong);box-shadow:0 18px 48px #00000057;display:grid;gap:10px;max-height:340px;overflow-y:auto}.staff-choice-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--staff-line-soft);border-radius:18px;padding:12px;background:#ffffff0a}.staff-tag-list{display:flex;flex-wrap:wrap;gap:8px}.staff-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#9df3e71f;color:var(--staff-soft);font-size:13px}.staff-tag button{min-height:auto;padding:0;background:transparent;border:none;box-shadow:none}.staff-login-shell{display:grid;align-items:center}.staff-login-minimal .staff-login-inner{width:min(760px,100%)}.staff-login-card{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:stretch}.staff-login-minimal .staff-login-card{grid-template-columns:1fr;justify-items:center;padding:30px}.staff-login-copy{display:grid;align-content:center;gap:16px}.staff-login-copy h1{margin:0;font-size:clamp(40px,6vw,76px);line-height:.92;max-width:8ch}.staff-login-chip-row{display:flex;flex-wrap:wrap;gap:10px}.staff-login-chip-row span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--staff-line-soft);background:#ffffff0d;color:var(--staff-text);font-weight:600}.staff-login-form{display:grid;gap:14px;padding:18px;border-radius:28px;border:1px solid var(--staff-line-soft);background:#ffffff08}.staff-login-minimal .staff-login-form{width:min(560px,100%);padding:24px;gap:18px}.staff-login-fields{display:grid;gap:12px}.staff-login-minimal .staff-login-fields{gap:14px}.staff-login-fields strong{font-family:Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:24px;text-align:center}.staff-login-error{border-radius:18px;border:1px solid rgba(255,120,120,.28);background:#8c16162e;color:#ffd7d7;padding:12px 14px}.staff-shell .entity-page,.staff-shell .sales-tables-page{background:transparent;color:var(--staff-text)}.staff-shell .entity-create-row,.staff-shell .assign-form,.staff-shell .tables-section,.staff-shell .page-header{background:#ffffff0a;border:1px solid var(--staff-line-soft);border-radius:24px;padding:18px}.staff-shell .entity-table-wrap,.staff-shell .tables-section,.staff-shell .assignments-table,.staff-shell .entity-table{width:100%}.staff-shell .entity-table,.staff-shell .assignments-table{background:transparent}.staff-shell .entity-table th,.staff-shell .assignments-table th{background:#ffffff0f}.staff-shell .header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.staff-shell .btn-primary,.staff-shell .btn-secondary,.staff-shell .btn-danger,.staff-shell .btn-sm{border-radius:999px}.staff-login-minimal .staff-login-art{width:min(420px,100%);margin:0 auto}.staff-login-minimal .staff-login-fields input{min-height:52px;font-size:16px;padding:14px 18px}.staff-login-input{width:100%;min-height:52px;box-sizing:border-box;border-radius:18px;border:1px solid var(--staff-line-soft)!important;background:#ffffff0d!important;color:var(--staff-text)!important;padding:14px 18px;font-size:16px;line-height:1.2;appearance:none;-webkit-appearance:none;box-shadow:none}.staff-login-input::placeholder{color:var(--staff-muted)}.staff-login-input:-webkit-autofill,.staff-login-input:-webkit-autofill:hover,.staff-login-input:-webkit-autofill:focus,.staff-login-input:-webkit-autofill:active{-webkit-text-fill-color:var(--staff-text);-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.05) inset;transition:background-color 9999s ease-in-out 0s;border:1px solid var(--staff-line-soft)!important;caret-color:var(--staff-text)}.staff-login-minimal .staff-login-fields button{min-height:50px;font-size:16px}@media (max-width: 1120px){.staff-hero-card,.staff-login-card,.staff-page-intro,.staff-panel-grid.columns-2,.staff-form-grid.two-cols{grid-template-columns:1fr}.staff-page-intro{align-items:stretch}}@media (max-width: 920px){.staff-tabbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.staff-tabbar::-webkit-scrollbar{height:6px}.staff-tabbar::-webkit-scrollbar-thumb{background:#9df3e72e;border-radius:999px}.staff-tab-link{flex:0 0 auto;white-space:nowrap}.staff-pill-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.staff-pill-row>*{flex:0 0 auto}.staff-page-frame table,.staff-page-frame .entity-table,.staff-page-frame .assignments-table{min-width:640px}.staff-table-shell{margin-inline:-4px;padding-bottom:2px}}@media (max-width: 720px){.staff-shell,.staff-login-shell,.staff-loading-shell{padding:16px}.staff-page-frame,.staff-hero-card,.staff-login-card{border-radius:24px;padding:18px}.staff-topbar,.staff-login-topbar{align-items:flex-start}.staff-page-frame{padding:16px}.staff-topbar-actions{width:100%;justify-content:space-between}.staff-shell-action,.staff-page-frame input,.staff-page-frame select,.staff-page-frame textarea,.staff-login-input{min-height:48px;font-size:16px}.staff-choice-popover{left:0;right:0;max-height:min(60vh,360px)}.staff-choice-item{padding:10px 12px;border-radius:14px}.staff-tag{max-width:100%;white-space:normal}.staff-metric{min-width:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;margin:0;padding:0}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}