:root{--accent:#1f6feb;--accent-2:#58a6ff;--accent-dark:#0d3b78;--accent-soft:#102747;--ink:#f7f9fc;--muted:#9da9b8;--paper:#151b23;--paper-2:#1b2430;--wash:#0b1118;--line:#2b3949;--ok:#45c98a;--warn:#e9b44c;--danger:#ff747c;--shadow:0 22px 60px rgba(0,0,0,.34);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#07101b,#0b1118 28%,#081019);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,12,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(88,166,255,.14)}.topin{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:18px}.brand{font-weight:950;letter-spacing:.08em;font-size:.92rem}.brand span{color:var(--accent-2)}.nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.nav button,.nav a{border:0;background:transparent;color:#b9c6d4;padding:9px 12px;border-radius:999px;font-weight:800;text-decoration:none;transition:.18s}.nav button:hover,.nav button.active,.nav a:hover{background:#18283a;color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 18%,rgba(31,111,235,.34),transparent 27%),radial-gradient(circle at 20% 76%,rgba(88,166,255,.13),transparent 28%),linear-gradient(135deg,#06101c,#0d2139 50%,#07111e);padding:86px 20px 72px;border-bottom:1px solid #203249}.hero:after{content:'';position:absolute;right:-130px;bottom:-300px;width:590px;height:590px;border:1px solid rgba(88,166,255,.08);border-radius:50%}.wrap,.page{max-width:1240px;margin:auto}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--accent-2);font-size:.75rem}.hero h1{font-size:clamp(3rem,7vw,6.1rem);line-height:.88;margin:.65rem 0 1.2rem;letter-spacing:-.065em;max-width:850px}.hero p{font-size:1.15rem;color:#c2cfdd;max-width:700px}.heroCard{background:linear-gradient(180deg,rgba(25,61,101,.72),rgba(13,32,53,.66));border:1px solid rgba(88,166,255,.2);padding:27px;border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.heroCard strong{font-size:1.85rem;display:block;line-height:1.08;margin-bottom:14px}.heroCard ul{padding:0;margin:0;list-style:none;color:#e5edf6}.heroCard li{padding:11px 0 11px 29px;border-bottom:1px solid rgba(255,255,255,.07);position:relative}.heroCard li:last-child{border-bottom:0}.heroCard li:before{content:'✓';position:absolute;left:0;color:var(--accent-2);font-weight:900}main{padding:36px 16px 80px}.card{background:linear-gradient(180deg,rgba(23,31,42,.98),rgba(16,23,32,.98));border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 14px 42px rgba(0,0,0,.2);margin-bottom:20px}.card h2,.card h3{margin-top:0;letter-spacing:-.025em}.card h2{font-size:1.7rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label{font-weight:800;display:block;margin-bottom:7px;color:#eef4fb}.hint{font-size:.84rem;color:var(--muted);margin-top:6px}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:13px 14px;border:1px solid #3b4c5f;border-radius:13px;background:#09111b;color:#f8fbff;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(31,111,235,.22);border-color:var(--accent-2);background:#07101a}.choiceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{border:1px solid #304155;border-radius:17px;padding:16px;background:linear-gradient(180deg,#172231,#111b27);cursor:pointer;transition:.18s;min-height:106px}.choice:hover{transform:translateY(-2px);border-color:#52759b}.choice input{width:auto;margin-right:8px}.choice:has(input:checked){border-color:var(--accent-2);box-shadow:0 0 0 2px rgba(31,111,235,.16),0 12px 28px rgba(0,0,0,.16);background:linear-gradient(180deg,#173b68,#112a4a)}.choice b{display:block;margin-bottom:3px}.choice small{color:#aebdcb}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--accent),#2f85f6);color:white;box-shadow:0 8px 24px rgba(31,111,235,.24)}.secondary{background:#243244;color:#eef5fc}.dark{background:#050a10;color:white;border:1px solid #2d3d50}.danger{background:#4b1d27;color:#ffcbd0}.outline{background:transparent;border:1px solid #53708f;color:#eef6ff}.mini{padding:8px 12px;font-size:.86rem}.stepHead{display:flex;align-items:center;gap:13px;margin-bottom:20px}.stepNum{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:950;box-shadow:0 7px 18px rgba(31,111,235,.22)}.progress{height:7px;border-radius:99px;background:#203044;overflow:hidden;margin:0 0 26px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:16.66%;transition:.25s}.photoZone{border:1.5px dashed #567392;border-radius:18px;padding:26px;text-align:center;background:linear-gradient(180deg,#111d2b,#0d1722)}.photos{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:13px}.thumb img,.photoPanel .photos img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:12px;border:1px solid #3b5068}.result{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(88,166,255,.18),transparent 28%),linear-gradient(145deg,#0a1b30,#0a1420);border:1px solid #2d5e95}.result .big{font-size:clamp(2.4rem,5vw,4rem);font-weight:950;letter-spacing:-.05em;color:white}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(88,166,255,.13);border-radius:16px}.stat small{display:block;color:#9fb0c3;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:800}.stat strong{font-size:1.35rem}.fine{font-size:.83rem;color:#9cabb9}.adminHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:8px 0 24px}.adminHead h1{font-size:clamp(2.1rem,4vw,3.2rem);margin:.2rem 0;letter-spacing:-.05em}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.kpi{background:linear-gradient(150deg,#172536,#111b27);border:1px solid #30455d;border-radius:18px;padding:19px}.kpi small{color:#8fa4b9;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}.kpi strong{display:block;font-size:2rem;margin-top:5px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;padding:6px;background:#0d1722;border:1px solid #293a4e;border-radius:16px;width:max-content;max-width:100%}.tabs button{border:0;background:transparent;color:#aab8c7;padding:9px 13px;border-radius:11px;font-weight:850}.tabs button.active{background:#1c4f86;color:#fff;box-shadow:0 7px 17px rgba(0,0,0,.2)}.tableWrap{overflow:auto;border:1px solid #293c51;border-radius:16px}table{width:100%;border-collapse:collapse;min-width:820px;background:#101923}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #253547;vertical-align:top}th{font-size:.73rem;text-transform:uppercase;color:#8498ac;background:#0c151f;letter-spacing:.07em}tbody tr:hover{background:#142234}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#273849;font-size:.76rem;font-weight:850}.badge.new{background:#43351c;color:#ffd98a}.badge.approved,.badge.paid,.badge.completed{background:#163c31;color:#8ee0bb}.badge.cancelled,.badge.declined,.badge.overdue{background:#49202a;color:#ffabb2}.empty{text-align:center;padding:50px 15px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:100;background:rgba(1,5,10,.77);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modalBox{background:linear-gradient(180deg,#172130,#101821);border:1px solid #35495f;max-width:900px;width:100%;max-height:92vh;overflow:auto;border-radius:24px;padding:27px;box-shadow:var(--shadow)}.modalHead{display:flex;justify-content:space-between;gap:15px}.x{border:1px solid #42566c;background:#1f2d3c;color:#fff;width:36px;height:36px;border-radius:50%;font-weight:900}.notice{padding:14px 16px;border-radius:14px;background:#3a311d;border:1px solid #6e5a28;color:#ffe1a1}.success{background:#15382e;border-color:#28634f;color:#a6ebcd}.footer{text-align:center;color:#718398;padding:30px}.login{max-width:500px;margin:70px auto}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #2c4055;border-radius:16px;overflow:hidden}.day{min-height:105px;border-right:1px solid #26394c;border-bottom:1px solid #26394c;padding:9px;background:#0f1822}.event{display:block;background:#153d69;color:#cce6ff;padding:5px 7px;margin-top:5px;border-radius:8px;font-size:.75rem}.settingsGroup{border-top:1px solid #2b3d51;padding-top:22px;margin-top:24px}.learningBox{border:1px solid #2b5e50;background:#112b25;padding:17px;border-radius:16px;color:#b8ead4}.learningBox strong{font-size:1.45rem}.jobPhotos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photoPanel{border:1px solid #30445a;border-radius:16px;padding:16px;background:#111b27}.photoPanel .photos{grid-template-columns:repeat(3,1fr)}.confidence-high{color:#71ddb0}.confidence-mid{color:#ffd174}.confidence-low{color:#ff989e}.timerPanel{border:1px solid #315a86;background:linear-gradient(145deg,#102b49,#0d1d30);padding:18px;border-radius:17px;margin:18px 0}.timerDisplay{font-size:2rem;font-weight:950;letter-spacing:.03em}.profileCard{padding:16px;border:1px solid #30445a;background:#111c29;border-radius:16px}@media(max-width:800px){.heroGrid,.grid,.grid3,.choiceGrid,.jobPhotos{grid-template-columns:1fr}.hero{padding:58px 18px 50px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.nav{display:none}.card{padding:20px;border-radius:18px}.kpis{grid-template-columns:repeat(2,1fr)}.resultGrid{grid-template-columns:1fr 1fr}.photos{grid-template-columns:repeat(2,1fr)}.adminHead{display:block}.tabs{width:100%;overflow:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}}@media(max-width:480px){.kpis,.resultGrid{grid-template-columns:1fr}.topin{padding:12px 16px}.hero{padding-top:48px}}@media print{.topbar,.hero,.actions,.tabs,.footer{display:none!important}body,main{background:white;color:#111;padding:0}.card,.modalBox{box-shadow:none;border:0;background:white;color:#111}}