:root{--bg:#061318;--bg2:#091c22;--panel:#0d242b;--panel2:#102d35;--line:rgba(154,221,226,.13);--text:#eefbfc;--muted:#91afb4;--accent:#35c5ce;--accent2:#168d9d;--danger:#e35e65;--green:#57c78a;--amber:#e5b75c;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 2%,rgba(32,146,158,.17),transparent 32%),linear-gradient(180deg,#061318,#07171c 48%,#061318);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;padding:0 clamp(18px,4vw,64px);gap:28px;border-bottom:1px solid var(--line);background:rgba(5,18,23,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:44px;height:44px}.brand div{display:grid}.brand b{letter-spacing:.18em;font-size:18px}.brand span{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.nav{margin-left:auto;display:flex;align-items:center;gap:6px}.nav-link{padding:11px 13px;border-radius:11px;color:#b7cdd1;font-size:14px}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(53,197,206,.1)}.nav-actions{display:flex;gap:8px}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:24px}.public-main{overflow:hidden}.hero{min-height:650px;padding:90px clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr);align-items:center;gap:80px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,24,.15),rgba(6,19,24,.72)),radial-gradient(circle at 20% 45%,rgba(53,197,206,.16),transparent 34%);pointer-events:none}.hero-copy,.hero-console{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.18em;color:#74dce2;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.93;margin:18px 0 24px;letter-spacing:-.055em;max-width:900px}.hero h1 span{color:#6be2e8}.hero p{max-width:700px;color:#a7c0c4;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-btn,.ghost-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:750}.primary-btn{background:linear-gradient(135deg,#36cbd4,#148394);color:#031114;box-shadow:0 10px 35px rgba(53,197,206,.15)}.ghost-btn{border-color:var(--line);background:rgba(255,255,255,.03);color:#dcecef}.danger-btn{background:rgba(227,94,101,.12);border-color:rgba(227,94,101,.35);color:#ffb9bd}.small{min-height:38px;padding:0 13px;font-size:13px}.hero-console{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(11,38,45,.93),rgba(5,22,27,.94));box-shadow:var(--shadow);overflow:hidden}.console-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.console-head i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.console-grid{display:grid;grid-template-columns:1fr 1fr}.console-grid div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.console-grid span,.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.console-grid b{display:block;font-size:30px;margin-top:7px}.section{padding:80px clamp(20px,7vw,110px)}.section.alt{background:rgba(10,34,40,.42);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section h2,.page-hero h1{font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;margin:9px 0 10px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.stat{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(14,41,48,.82),rgba(8,27,33,.88));box-shadow:0 15px 55px rgba(0,0,0,.14)}.card{padding:26px}.card .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(53,197,206,.12);color:#78e6eb;font-size:22px}.card h3{margin:20px 0 9px;font-size:20px}.card p{color:var(--muted);line-height:1.65}.page-hero{padding:74px clamp(20px,7vw,110px) 40px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(28,126,139,.13),transparent)}.page-wrap{padding:38px clamp(20px,7vw,110px) 90px}.staff-card{overflow:hidden}.staff-card .photo{height:230px;background:linear-gradient(135deg,#12343d,#0b2026);display:grid;place-items:center}.staff-card .photo img{width:100%;height:100%;object-fit:cover}.staff-card .photo img.logo-placeholder{width:96px;height:96px;object-fit:contain;opacity:.72}.staff-card .body{padding:22px}.chip,.status{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status.available,.status.completed{color:#83e9ae;border-color:rgba(87,199,138,.35);background:rgba(87,199,138,.08)}.status.pending_booking,.status.booked,.status.confirmed{color:#7de5eb;border-color:rgba(53,197,206,.35);background:rgba(53,197,206,.08)}.status.critical,.status.urgent{color:#ff9ca2;border-color:rgba(227,94,101,.35);background:rgba(227,94,101,.08)}.form-shell{max-width:1050px;margin:auto;display:grid;grid-template-columns:310px 1fr;gap:22px}.form-aside,.form-card{border:1px solid var(--line);border-radius:26px;background:rgba(10,31,37,.78);padding:26px}.form-aside{height:max-content;position:sticky;top:98px}.form-aside h3{font-size:28px;margin:12px 0}.form-aside ol{padding-left:18px;color:var(--muted);line-height:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#b6ced1;font-weight:700}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);background:#071b21;color:#effbfc;border-radius:12px;padding:13px 14px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(53,197,206,.6);box-shadow:0 0 0 3px rgba(53,197,206,.08)}.field textarea{min-height:115px;resize:vertical}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{position:relative}.slot input{position:absolute;opacity:0;pointer-events:none}.slot label{display:block;border:1px solid var(--line);border-radius:12px;padding:13px;text-align:center;cursor:pointer}.slot input:checked+label{border-color:var(--accent);background:rgba(53,197,206,.12);color:#90f1f4}.tracking-card{max-width:850px;margin:auto;padding:30px}.tracking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.tracking-grid div{border:1px solid var(--line);padding:16px;border-radius:14px}.tracking-grid small{color:var(--muted);display:block;margin-bottom:5px}.flash{margin:14px auto;padding:13px 16px;border-radius:12px;max-width:1100px;border:1px solid var(--line);background:#0c252c}.flash.success{border-color:rgba(87,199,138,.3);color:#9ae7ba}.flash.error{border-color:rgba(227,94,101,.3);color:#ffb0b5}footer{padding:32px clamp(20px,7vw,110px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted)}footer>div{display:flex;align-items:center;gap:12px}footer img{width:42px;height:42px}footer b{color:#dff3f5;display:block}footer span{font-size:12px}footer a{margin-left:18px;font-size:13px}.panel-body{background:#061318}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:22px 16px;border-right:1px solid var(--line);background:#07181d;z-index:60;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding:7px 8px 25px}.side-brand img{width:48px}.side-brand div{display:grid}.side-brand b{letter-spacing:.14em}.side-brand span{font-size:10px;color:var(--muted);text-transform:uppercase}.sidebar nav{display:grid;gap:4px}.sidebar .nav-link{padding:12px 14px}.side-profile{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:grid;gap:3px}.side-profile small{color:var(--muted)}.side-profile a{color:#75dfe5;font-size:13px;margin-top:8px}.panel-main{margin-left:270px;min-height:100vh}.panel-top{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 30px;position:sticky;top:0;background:rgba(6,19,24,.9);backdrop-filter:blur(16px);z-index:40}.panel-top div{flex:1}.panel-top span{font-size:10px;color:#69d7de;letter-spacing:.14em}.panel-top h1{font-size:22px;margin:3px 0}.panel-content{padding:28px 30px 70px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px}.stat strong{font-size:32px;display:block;margin:7px 0}.stat small{color:var(--muted)}.panel{padding:22px}.panel+.panel{margin-top:18px}.panel-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.toolbar{flex-wrap:wrap}.toolbar form{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:#7ea2a7;font-size:11px;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.02)}.table tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.row-actions form{display:inline}.mini-btn{border:1px solid var(--line);background:#0a2228;color:#dbecee;border-radius:9px;padding:7px 10px;cursor:pointer}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.7fr);gap:18px}.timeline{display:grid;gap:12px}.timeline article{border-left:2px solid rgba(53,197,206,.35);padding:7px 0 7px 17px}.timeline small{color:var(--muted)}.cert{max-width:860px;margin:auto;border:1px solid var(--line);border-radius:28px;padding:48px;background:linear-gradient(145deg,#0d2931,#081c22);text-align:center}.cert img{width:76px}.cert h1{font-size:34px;margin:16px 0 4px}.cert .code{font-family:ui-monospace,monospace;color:#71e4ea;border:1px dashed rgba(53,197,206,.35);padding:12px;border-radius:10px;margin:24px auto;max-width:420px}.empty{padding:32px;text-align:center;color:var(--muted)}@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.panel-main{margin-left:0}.panel-top .menu-toggle{display:block}.form-shell{grid-template-columns:1fr}.form-aside{position:static}.split{grid-template-columns:1fr}}@media(max-width:820px){.topbar{height:68px;padding:0 16px}.topbar .menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:68px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:16px;background:#081b21}.nav-open .nav{display:flex}.nav-actions{display:none}.brand span{display:none}.hero{padding:65px 20px}.hero h1{font-size:52px}.section,.page-wrap,.page-hero{padding-left:20px;padding-right:20px}.grid,.grid.two,.stats,.form-grid,.tracking-grid,.slots{grid-template-columns:1fr}.panel-content{padding:20px 14px 60px}.panel-top{padding:0 15px}.panel-top .ghost-btn{display:none}footer{flex-direction:column}footer>div:last-child{display:grid;gap:7px}footer a{margin-left:0}}