:root{--navy: #19234E;--pink: #EF426E;--pink-dark: #CA385D;--pink-light: #FDEDF2;--text-secondary: #5B6776;--text-muted: #8A95A3;--border: #ECEEF1;--border-2: #E1E5EA;--border-3: #F1F3F5;--surface: #FFFFFF;--bg: #FAFAFA;--fill-neutral: #EEF0F4;--success: #0B7A47;--success-bg: #E7F5EE;--warning: #9A6700;--warning-bg: #FBF1D8;--error: #B42318;--placeholder: #B5B8BC;--auth-hero-gradient: radial-gradient(circle at 15% 20%, rgba(255,255,255,.1), transparent 40%), radial-gradient(circle at 85% 80%, rgba(255,255,255,.08), transparent 45%), linear-gradient(135deg, #19234E 0%, #3A2F5E 55%, #CA385D 130%);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Jost,system-ui,sans-serif;background:var(--bg);color:var(--navy)}.material-symbols-rounded{font-variation-settings:"opsz" 20,"wght" 300,"FILL" 0;font-size:20px;line-height:1}h1,h2,h3{margin:0;font-weight:600}p{margin:0}.muted{color:var(--text-secondary);font-size:14px}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--auth-hero-gradient);padding:24px 16px}.auth-photo{display:none;position:relative;overflow:hidden;min-height:240px;background:var(--auth-hero-gradient);align-items:flex-end;padding:32px}.auth-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d213740}.auth-brand{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.auth-logo-white{width:150px}.auth-logo-white img{width:100%;height:auto;display:block;filter:brightness(0) invert(1)}.auth-brand-text{display:flex;flex-direction:column;gap:8px;color:#fff}.auth-brand-text h2{margin:0;font-size:28px;font-weight:600;line-height:1.3}.auth-brand-text p{margin:0;font-size:15px;font-weight:400;line-height:1.5;opacity:.92}.auth-form-panel{background:var(--surface);width:calc(100% - 40px);max-width:440px;margin:auto;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;box-shadow:0 2px 6px #1018281f,0 20px 40px -12px #10182833}.auth-logo-main{width:140px;margin-bottom:20px}.auth-logo-main img{width:100%;height:auto;display:block}.auth-form-card{width:100%;display:flex;flex-direction:column;gap:20px}.auth-header{display:flex;flex-direction:column;gap:8px;text-align:center}.auth-header h1{font-size:22px;letter-spacing:-.4px}.auth-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.role-toggle{display:flex;background:var(--fill-neutral);border-radius:100px;padding:4px;gap:4px}.role-btn{flex:1;border:none;background:transparent;height:36px;border-radius:100px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer}.role-btn.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #1018281f}.auth-fields{display:flex;flex-direction:column;gap:16px}.auth-input-wrap{display:flex;align-items:center}.auth-input-wrap input{flex:1}.auth-input-wrap.has-toggle input{border-radius:100px 0 0 100px;border-right:none;padding-right:4px}.auth-eye-toggle{height:44px;width:44px;flex-shrink:0;border:1px solid var(--border-2);border-left:none;border-radius:0 100px 100px 0;background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-forgot{align-self:flex-end;font-size:14px;font-weight:500;color:var(--pink-dark);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.auth-forgot:hover{text-decoration:underline}.auth-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.auth-note{font-size:13px;color:var(--text-muted);text-align:center;margin:0}@media(min-width:1220px){.auth-page{flex-direction:row;background:none;padding:0}.auth-photo,.auth-form-panel{flex:1 1 50%;min-height:100vh}.auth-photo{display:flex;border-radius:0}.auth-form-panel{max-width:none;border-radius:0;box-shadow:none;margin:0;padding:32px 20px}.auth-logo-main{display:none}}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--navy)}.field span{font-weight:500}.field input,.field select{height:44px;border:1px solid var(--border-2);border-radius:100px;padding:0 16px;font-family:inherit;font-size:16px;color:var(--navy);background:var(--surface)}.field input::placeholder{color:var(--placeholder)}.field select{border-radius:12px}.field-wide{grid-column:1 / -1}.btn{height:44px;border-radius:100px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-dark)}.btn-secondary{background:var(--pink-light);color:var(--pink-dark)}.btn-block{width:100%}.btn-sm{height:36px;padding:0 16px;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:8px 12px 20px}.sidebar-logo img{height:24px}.sidebar-logo span{font-size:14px;font-weight:600;color:var(--text-secondary)}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:12px;border:none;background:transparent;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;position:relative}.nav-item .material-symbols-rounded{color:var(--text-muted)}.nav-item:hover{background:var(--border-3)}.nav-item.active{background:var(--pink-light);color:var(--pink-dark)}.nav-item.active .material-symbols-rounded{color:var(--pink-dark)}.nav-badge{margin-left:auto;background:var(--pink);color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 6px}.nav-item.logout{margin-top:auto}.content-col{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0}.topbar h2{font-size:20px;letter-spacing:-.2px}.topbar-actions{display:flex;align-items:center;gap:16px}.role-pill{background:var(--fill-neutral);color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 12px;border-radius:100px}.avatar{width:36px;height:36px;border-radius:100px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.main{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}@media(min-width:1920px){.main{max-width:1600px;margin:0 auto;width:100%}}.screen{display:flex;flex-direction:column;gap:24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px}.kpi-card .kpi-value{font-size:28px;font-weight:600}.kpi-card .kpi-label{font-size:13px;color:var(--text-secondary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.panel-form{padding:24px;display:flex;flex-direction:column;gap:16px;overflow:visible}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-input{height:44px;border:1px solid var(--border-2);border-radius:100px;padding:0 20px;font-family:inherit;font-size:15px;width:360px;color:var(--navy)}.segmented{display:flex;background:var(--fill-neutral);border-radius:100px;padding:4px;gap:4px}.seg-btn{border:none;background:transparent;height:36px;padding:0 16px;border-radius:100px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer}.seg-btn.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #1018281f}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 20px;font-size:14px}.table th{color:var(--text-muted);font-weight:500;font-size:13px;border-bottom:1px solid var(--border)}.table tbody tr{border-bottom:1px solid var(--border-3)}.table tbody tr:last-child{border-bottom:none}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--border-3)}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.status-chip[data-status=Nou],.status-chip[data-status=Invitat]{background:var(--warning-bg);color:var(--warning)}.status-chip[data-status="În lucru"]{background:var(--pink-light);color:var(--pink-dark)}.status-chip[data-status=Rezolvat],.status-chip[data-status=Activ]{background:var(--success-bg);color:var(--success)}.status-chip[data-status=Suspendat]{background:#fbeae9;color:var(--error)}.queue-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-3);cursor:pointer}.queue-row:hover{background:var(--border-3)}.queue-row:last-child{border-bottom:none}.queue-row .qr-name{font-weight:500;flex:1}.queue-row .qr-time{color:var(--text-muted);font-size:13px;width:60px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slot-grid{display:flex;flex-wrap:wrap;gap:8px}.slot-btn{border:1px solid var(--border-2);background:var(--surface);border-radius:100px;padding:8px 16px;font-family:inherit;font-size:14px;cursor:pointer;color:var(--navy)}.slot-btn.selected{background:var(--pink);color:#fff;border-color:var(--pink)}.icon-btn{width:36px;height:36px;border-radius:100px;border:none;background:var(--border-3);display:flex;align-items:center;justify-content:center;cursor:pointer}.drawer-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.drawer-scrim.show{display:block}.drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--surface);border-left:1px solid var(--border);z-index:41;flex-direction:column}.drawer.show{display:flex}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.drawer-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.drawer-section{display:flex;flex-direction:column;gap:8px}.drawer-section h4{font-size:13px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.6px}.drawer-kv{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid var(--border-3)}.drawer-kv span:first-child{color:var(--text-secondary)}.drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.modal-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;align-items:center;justify-content:center;z-index:50}.modal-scrim.show{display:flex}.modal-box{width:100%;max-width:400px;background:var(--surface);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:12px 24px;border-radius:100px;font-size:14px;z-index:60}.bottom-tab-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.bottom-tab-bar-row{display:flex;align-items:stretch;justify-content:space-around}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0;background:none;border:none;cursor:pointer;padding:4px 2px;color:var(--navy);font-family:inherit}.bottom-tab-icon-wrap{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:100px}.bottom-tab-item.active .bottom-tab-icon-wrap,.bottom-tab-item.menu-open .bottom-tab-icon-wrap{background:var(--pink-light)}.bottom-tab-item .material-symbols-rounded{font-size:24px;color:inherit}.bottom-tab-item span:last-child{font-size:12px;font-weight:500;white-space:nowrap}.bottom-tab-item.active{color:var(--pink-dark)}.fab-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#00000059}.fab-menu-overlay.show{display:block}.fab-menu-list{position:absolute;right:12px;bottom:76px;display:flex;flex-direction:column-reverse;gap:12px;align-items:flex-end;max-height:calc(100vh - 160px);overflow-y:auto;padding:4px}.fab-menu-item{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.fab-menu-item .lbl{background:var(--surface);border:1px solid var(--border-2);color:var(--navy);border-radius:100px;font-size:13px;font-weight:500;padding:6px 12px;white-space:nowrap;box-shadow:0 2px 8px #1018281f}.fab-menu-item .ic{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-2);color:var(--navy);border-radius:50%;box-shadow:0 2px 8px #1018281f}.fab-menu-item.active .ic{background:var(--pink);border-color:var(--pink);color:#fff}@media(max-width:1219px){.sidebar{display:none}.bottom-tab-bar{display:block}.main{padding-bottom:84px}}@media(min-width:1220px){.fab-menu-overlay{display:none!important}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.search-input{width:240px}.topbar{padding:0 16px}}