:root{--bg:#070b16;--bg2:#0b1222;--panel:rgba(14,22,39,.82);--panel2:rgba(17,28,49,.92);--ink:#edf4ff;--muted:#8fa2bd;--line:rgba(105,139,190,.22);--orange:#ff7a18;--orange2:#ffb15c;--cyan:#22d3ee;--blue:#4f8cff;--purple:#a78bfa;--green:#20d69a;--red:#ff5d73;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{min-height:100%;background:#070b16}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 0%,rgba(255,122,24,.13),transparent 28%),radial-gradient(circle at 92% 10%,rgba(34,211,238,.10),transparent 26%),linear-gradient(135deg,#070b16 0%,#0a1120 52%,#080d18 100%);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 30%,rgba(34,211,238,.025) 42%,transparent 55%,rgba(167,139,250,.025) 72%,transparent 84%);z-index:-1}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:linear-gradient(180deg,rgba(8,14,27,.98),rgba(10,18,32,.95));border-right:1px solid rgba(93,126,176,.18);color:#c9d6e8;padding:22px 15px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20;box-shadow:18px 0 50px rgba(0,0,0,.18)}.sidebar:after{content:"";position:absolute;right:-1px;top:12%;height:45%;width:1px;background:linear-gradient(180deg,transparent,var(--cyan),var(--orange),transparent);box-shadow:0 0 18px var(--cyan)}.brand{font-weight:900;font-size:22px;letter-spacing:-.8px;color:#fff}.brand.side{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 5px 30px;padding:0 7px}.brand.side>span:last-child{font-size:21px}.brand.side>span:last-child span{color:var(--orange);margin-left:3px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ffb35f);color:#fff;font-weight:900;font-size:20px;box-shadow:0 0 20px rgba(255,122,24,.28)}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 13px;border:1px solid transparent;border-radius:13px;display:flex;gap:11px;align-items:center;font-size:13px;color:#9fb0c7;transition:.22s ease}.sidebar nav a:hover{background:rgba(38,59,88,.45);border-color:rgba(34,211,238,.18);color:#fff;box-shadow:0 0 22px rgba(34,211,238,.08)}.sidebar nav a.active{background:linear-gradient(100deg,rgba(255,122,24,.13),rgba(34,211,238,.08));border-color:rgba(255,122,24,.28);color:#fff;box-shadow:inset 3px 0 var(--orange),0 0 25px rgba(255,122,24,.08)}.nav-icon{width:22px;text-align:center;font-size:15px;color:#7488a4}.sidebar nav a.active .nav-icon,.sidebar nav a:hover .nav-icon{color:var(--orange)}.side-bottom{margin-top:auto;border-top:1px solid rgba(105,139,190,.18);padding:15px 6px 0}.user-mini{display:flex;gap:10px;align-items:center;margin-bottom:15px}.user-mini b,.user-mini small{display:block}.user-mini b{font-size:13px;color:#fff}.user-mini small{font-size:10px;color:#8094af;margin-top:2px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ffb35f);color:#fff;font-weight:900;box-shadow:0 0 18px rgba(255,122,24,.18)}.side-bottom>a{font-size:12px;color:#8ea0b9}.side-bottom>a:hover{color:#fff}.main{margin-left:248px;width:calc(100% - 248px);padding:28px 34px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.7px;color:var(--orange);margin:0 0 6px;text-shadow:0 0 16px rgba(255,122,24,.35)}.topbar h1{margin:0;font-size:26px;letter-spacing:-.8px}.top-actions{display:flex;align-items:center;gap:10px}.clock{font-size:11px;color:#a9bad0;background:rgba(14,22,39,.72);border:1px solid var(--line);padding:10px 12px;border-radius:11px;backdrop-filter:blur(12px)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 14px;font-weight:800;font-size:12px;cursor:pointer;transition:.2s ease}.btn.primary{background:linear-gradient(135deg,var(--orange),#ff9a3c);color:#fff;box-shadow:0 0 22px rgba(255,122,24,.22)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(255,122,24,.4)}.btn.secondary{background:rgba(19,31,52,.82);color:#d7e2f1;border-color:rgba(100,137,185,.25)}.btn.secondary:hover{border-color:rgba(34,211,238,.45);box-shadow:0 0 22px rgba(34,211,238,.12)}.btn.danger{background:rgba(255,93,115,.09);color:#ff8c9d;border-color:rgba(255,93,115,.2)}.btn.full{width:100%}.alert{padding:12px 15px;border-radius:12px;margin-bottom:18px;font-size:12px;background:rgba(17,28,49,.9);border:1px solid var(--line)}.alert.success{color:#7af2c8;border-color:rgba(32,214,154,.28);box-shadow:0 0 24px rgba(32,214,154,.07)}.alert.error{color:#ff9cab;border-color:rgba(255,93,115,.28);box-shadow:0 0 24px rgba(255,93,115,.07)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(80,117,167,.22);border-radius:18px;background:linear-gradient(115deg,rgba(14,23,41,.92),rgba(17,30,53,.72));box-shadow:0 0 35px rgba(34,211,238,.04),inset 0 0 30px rgba(255,122,24,.025);position:relative;overflow:hidden}.section-head:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(34,211,238,.07),transparent 55%,rgba(255,122,24,.06));transform:translateX(-80%);animation:scan 8s linear infinite}.section-head>*{position:relative;z-index:1}.section-head h2{margin:0;font-size:20px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat,.card,.calendar-card,.form-card,.table-card{background:linear-gradient(145deg,rgba(16,25,43,.92),rgba(10,17,30,.86));border:1px solid rgba(93,128,181,.22);border-radius:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat{padding:18px;transition:.22s ease}.stat:before,.card:before,.table-card:before,.form-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,122,24,.0),rgba(34,211,238,.25),rgba(167,139,250,.18),rgba(255,122,24,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.stat:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 28px rgba(34,211,238,.07)}.stat span{font-size:11px;color:#9dafc6;display:block}.stat strong{font-size:30px;display:block;margin-top:7px}.stat i{position:absolute;right:17px;top:17px;width:36px;height:36px;border-radius:11px;background:rgba(255,122,24,.10);color:var(--orange);display:grid;place-items:center;font-style:normal;box-shadow:0 0 18px rgba(255,122,24,.13)}.toolbar,.filterbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filterbar form{display:flex;gap:9px;flex-wrap:wrap;width:100%;align-items:center}.date-nav{display:flex;gap:6px}.date-nav input,.filterbar input,.filterbar select,.form-card input,.form-card select,.form-card textarea,.login-card input{border:1px solid rgba(100,137,185,.25);background:rgba(9,16,29,.75);border-radius:10px;padding:11px 12px;font:inherit;font-size:12px;color:#e8f0fa;outline:none}.date-nav input:focus,.filterbar input:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.login-card input:focus{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 3px rgba(34,211,238,.07),0 0 18px rgba(34,211,238,.08)}.date-nav input::-webkit-calendar-picker-indicator,.filterbar input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7)}.icon-btn{border:1px solid rgba(100,137,185,.25);background:rgba(19,31,52,.8);border-radius:10px;width:42px;height:40px;font-size:20px;color:#aabbd1;cursor:pointer}.today-link{padding:11px 14px;border-radius:10px;background:rgba(79,140,255,.1);border:1px solid rgba(79,140,255,.24);color:#91b3ff;font-weight:800;font-size:12px}.calendar-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(100,137,185,.18)}.calendar-head b{display:block;font-size:16px}.calendar-head small{color:var(--muted);font-size:11px}.calendar-grid{display:grid;gap:10px}.calendar-grid .slot{display:grid;grid-template-columns:105px 1fr;min-height:86px;border:1px solid rgba(100,137,185,.15);border-radius:14px;background:rgba(10,18,32,.62);overflow:hidden;transition:.2s ease}.calendar-grid .slot:hover{border-color:rgba(34,211,238,.32);box-shadow:0 0 25px rgba(34,211,238,.06)}.calendar-grid .slot-time{padding:22px 16px;color:#8fa4be;font-size:12px;font-weight:900;background:rgba(16,28,48,.75);border-right:1px solid rgba(100,137,185,.13)}.slot-body{padding:9px}.slot-booked,.slot-empty{min-height:64px;display:flex;align-items:center;gap:14px;border-radius:11px;padding:12px 15px}.slot-booked{border:1px solid rgba(255,122,24,.24);background:linear-gradient(100deg,rgba(255,122,24,.10),rgba(79,140,255,.06));box-shadow:inset 0 0 25px rgba(255,122,24,.025)}.slot-booked:hover{border-color:rgba(255,122,24,.6);box-shadow:0 0 25px rgba(255,122,24,.14)}.slot-booked strong{font-size:13px}.slot-booked b{font-size:10px;color:var(--orange);font-family:ui-monospace,monospace}.slot-booked span{margin-left:auto;font-size:10px;font-weight:900;color:#ffc18d}.slot-empty{border:1px dashed rgba(100,137,185,.28);color:#7f94af;font-size:12px}.slot-empty:hover{border-color:var(--cyan);color:#b5f5ff;background:rgba(34,211,238,.06);box-shadow:0 0 24px rgba(34,211,238,.08)}.appointment{border-radius:12px;padding:11px 14px;border-left:4px solid var(--orange);background:rgba(255,122,24,.07)}.appointment.completed{border-left-color:var(--green);background:rgba(32,214,154,.06)}.appointment.cancelled{border-left-color:var(--red);background:rgba(255,93,115,.05);opacity:.75}.ap-main{display:flex;justify-content:space-between;gap:15px}.ap-main b{font-size:13px}.ap-main span,.ap-desc,.ap-meta{font-size:11px;color:var(--muted)}.ap-desc{margin:5px 0}.ap-meta a{color:#8bb0ff;font-weight:800}.form-card{padding:22px;max-width:920px}.form-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.form-title h2,.form-card h2,.table-title h2{margin:0;font-size:18px}.form-title p{margin:6px 0 0;color:var(--muted);font-size:11px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-2>div{display:flex;flex-direction:column;gap:7px}.grid-2 .full-col{grid-column:1/-1}.form-card label,.login-card label{font-size:11px;font-weight:800;color:#a8bad0}.form-card textarea{resize:vertical}.seg{display:flex!important;flex-direction:row!important;gap:8px!important}.seg label{padding:11px 14px;border:1px solid rgba(100,137,185,.22);border-radius:10px;background:rgba(13,23,40,.75)}.form-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.form-actions span{flex:1}.created-info{margin-top:20px;padding-top:15px;border-top:1px solid rgba(100,137,185,.16);font-size:11px;color:var(--muted)}.table-card{overflow:hidden}.table-title{padding:17px 19px;display:flex;justify-content:space-between;align-items:center}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:13px 17px;border-top:1px solid rgba(100,137,185,.14);text-align:left;font-size:12px}.table-card th{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#7589a5;background:rgba(11,19,33,.7)}.table-card tr:hover td{background:rgba(34,211,238,.025)}.table-card td small{display:block;color:#71849e;margin-top:3px}.status-dot{font-size:11px;color:#788ca6}.status-dot.on{color:var(--green)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid transparent}.badge.blue{background:rgba(79,140,255,.1);color:#9dbdff;border-color:rgba(79,140,255,.2)}.badge.purple{background:rgba(167,139,250,.1);color:#c8b9ff;border-color:rgba(167,139,250,.2)}.badge.planned{background:rgba(255,122,24,.1);color:#ffb36e;border-color:rgba(255,122,24,.2)}.badge.completed{background:rgba(32,214,154,.1);color:#78f1c5;border-color:rgba(32,214,154,.2)}.badge.cancelled{background:rgba(255,93,115,.09);color:#ff9aaa;border-color:rgba(255,93,115,.2)}.filterbar .grow{flex:1;min-width:190px}.results{margin-bottom:10px;font-size:11px;color:var(--muted)}.calendar-month{padding:18px}.month-head,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.month-head div{font-size:9px;font-weight:900;color:#7d91ad;text-align:center;padding:6px}.day{min-height:125px;background:rgba(11,19,33,.72);border:1px solid rgba(100,137,185,.15);border-radius:10px;padding:9px}.day.muted{opacity:.4}.day.today{border-color:rgba(255,122,24,.55);box-shadow:inset 0 0 0 1px rgba(255,122,24,.35),0 0 18px rgba(255,122,24,.08)}.day-number{font-size:12px;font-weight:900}.day a{display:block;margin-top:7px;padding:6px 7px;border-radius:7px;background:rgba(255,122,24,.09);color:#ffb36e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:20px}.card h3{margin:0 0 15px;font-size:15px}.metric-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(100,137,185,.14);font-size:12px}.metric-row:last-child{border-bottom:0}.users-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.list-link{color:#8db0ff;font-weight:800}.list-link:hover{color:#bff7ff;text-shadow:0 0 14px rgba(34,211,238,.35)}.pagination{display:flex;gap:6px;justify-content:center;margin-top:15px}.pagination a{padding:8px 11px;border:1px solid rgba(100,137,185,.2);border-radius:8px;font-size:11px;background:rgba(13,22,38,.8)}.pagination a.active{background:rgba(79,140,255,.12);color:#9dbdff}.muted{color:var(--muted);font-size:11px;line-height:1.6}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#ffb36e}.selected-contact,.contact-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:rgba(10,18,32,.72);border:1px solid rgba(100,137,185,.2);border-radius:14px;padding:14px}.selected-contact a,.contact-summary a{margin-left:auto}.contact-picker{display:flex;gap:10px}.contact-picker input{flex:1}.muted a{color:#ff9b48;font-weight:800}.footer{position:fixed;left:248px;right:0;bottom:0;background:rgba(7,12,23,.86);border-top:1px solid rgba(100,137,185,.16);padding:9px 34px;font-size:10px;color:#71849e;backdrop-filter:blur(12px);z-index:10}.footer:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px;vertical-align:1px}@keyframes scan{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}@media(max-width:1000px){.sidebar{width:76px}.sidebar .brand.side>span:last-child,.sidebar nav span,.side-bottom .user-mini div:not(.avatar),.side-bottom>a{display:none}.brand.side{justify-content:center}.main{margin-left:76px;width:calc(100% - 76px);padding:22px}.footer{left:76px}.stats{grid-template-columns:repeat(2,1fr)}.users-grid,.report-grid{grid-template-columns:1fr}}@media(max-width:680px){.main{padding:15px 12px 55px}.topbar{align-items:flex-start}.top-actions .clock{display:none}.topbar h1{font-size:20px}.section-head{display:block}.section-head .btn{margin-top:10px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.stat strong{font-size:22px}.grid-2{grid-template-columns:1fr}.grid-2 .full-col{grid-column:auto}.calendar-grid .slot{grid-template-columns:67px 1fr}.calendar-grid .slot-time{padding:18px 9px;font-size:10px}.slot-booked,.slot-empty{padding:10px;gap:8px}.slot-booked{display:grid;grid-template-columns:auto 1fr}.slot-booked span{margin-left:0}.month-grid{gap:3px}.day{min-height:80px;padding:5px}.day a{font-size:9px;padding:4px}.month-head{gap:3px}.table-card{overflow:auto}.table-card table{min-width:680px}.form-actions{flex-wrap:wrap}.form-actions span{display:none}.footer{left:0;position:static;padding:12px}.top-actions .btn{padding:9px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}