:root{--bg:#090909;--surface:#171311;--surface-2:#211b16;--panel:#1c1916;--panel-deep:#0b0b0b;--text:#fff8ee;--muted:rgba(255,244,230,.68);--line:rgba(196,154,108,.42);--line-soft:rgba(255,255,255,.12);--accent:#ff7900;--accent-deep:#dd5f00;--amber:#ffb06a;--bronze:#c49a6c;--danger:#ffb4bd;--radius:1.45rem;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 38rem 26rem at 94% -8%,rgba(255,121,0,.15),transparent 66%),radial-gradient(ellipse 30rem 24rem at -8% 108%,rgba(196,154,108,.08),transparent 68%),linear-gradient(154deg,#151311 0%,#0c0c0c 42%,#060606 100%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--text);color:#111;padding:.75rem;border-radius:10px;z-index:10}.skip:focus{top:1rem}.top,main{width:min(100%,880px);margin:auto;padding-inline:16px}.top{height:72px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,rgba(9,9,9,.98),rgba(9,9,9,.82),transparent);backdrop-filter:blur(12px)}.top img{max-height:34px;max-width:175px;object-fit:contain}.header-actions{display:flex;gap:8px}.icon{position:relative;display:grid;place-items:center;background:rgba(255,255,255,.035);color:var(--text);border:1px solid var(--line);width:42px;height:42px;border-radius:50%;font-size:20px;transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease)}.icon:hover,.icon:focus-visible{border-color:var(--amber);background:rgba(255,121,0,.12)}.icon:active{transform:scale(.96)}.icon b{position:absolute;top:-5px;inset-inline-end:-4px;background:var(--accent);color:#170c05;min-width:20px;border-radius:12px;font-size:11px;padding:2px 5px;font-weight:900}
main{padding-bottom:max(92px,calc(76px + env(safe-area-inset-bottom)))}.hero,.page-title{position:relative;overflow:hidden;padding:30px 24px 26px;margin:8px 0 18px;border:1px solid rgba(196,154,108,.48);border-radius:2rem;background:linear-gradient(90deg,rgba(255,121,0,.74) 0 3px,transparent 3px 100%),radial-gradient(ellipse 24rem 15rem at 108% 112%,rgba(255,121,0,.19),transparent 68%),linear-gradient(142deg,#211b16 0%,#14110e 47%,#0a0a0a 100%);box-shadow:0 22px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}.hero:after,.page-title:after{content:"11  ELEVEN";position:absolute;inset-inline-start:18px;bottom:16px;display:flex;align-items:center;justify-content:center;width:106px;height:28px;border:1px solid rgba(255,176,106,.38);border-radius:10px;background:linear-gradient(145deg,rgba(255,121,0,.9),#1b130d 34%,#0b0b0b 100%);color:#fff;direction:ltr;font-size:11px;font-weight:900;letter-spacing:.02em;opacity:.84;pointer-events:none}.eyebrow{margin:0 0 7px;color:var(--amber);font-size:.7rem;font-weight:900;letter-spacing:.12em}.hero h1,.page-title h1{font-size:clamp(2rem,7vw,3rem);line-height:1.18;margin:0 0 10px;letter-spacing:-.04em}.hero p:not(.eyebrow),.page-title p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.75}.page-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.stats article{min-height:104px;padding:16px 13px;border:1px solid var(--line);border-radius:1.35rem;background:linear-gradient(145deg,rgba(255,121,0,.08),#1c1916 42%,#0a0a0a);box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}.stats span{display:block;color:var(--muted);font-size:.78rem;line-height:1.5}.stats strong,.metric{display:block;margin-top:9px;font-size:1.8rem;letter-spacing:-.04em}.focus{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:20px;border:1px solid rgba(196,154,108,.44);border-radius:1.45rem;background:linear-gradient(145deg,rgba(255,121,0,.10),#1c1916 45%,#0b0b0b);box-shadow:0 16px 34px rgba(0,0,0,.28)}.focus h2{margin:0 0 8px}.focus p{margin:0;color:var(--muted);line-height:1.65}.focus button,.submit{min-height:48px;border:1px solid rgba(255,176,106,.64);border-radius:.9rem;padding:0 18px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#170c05;font-weight:900;white-space:nowrap;box-shadow:0 10px 22px rgba(255,121,0,.20),inset 0 1px 0 rgba(255,255,255,.32);transition:transform 160ms var(--ease),filter 160ms var(--ease)}.focus button:hover,.submit:hover{filter:brightness(1.08)}.focus button:active,.submit:active{transform:scale(.97)}
.attention{padding:16px;margin:0 0 16px;border:1px solid rgba(255,176,106,.48);border-radius:1.35rem;background:linear-gradient(145deg,rgba(255,121,0,.10),#1c1916 55%,#0b0b0b);box-shadow:0 0 0 0 rgba(255,121,0,.18);animation:attention-edge 2.4s ease-in-out infinite}.attention h2{font-size:1rem;margin:0 0 12px;color:var(--amber)}.stack{display:grid;gap:9px}.notice,.mail-card,.list-action{display:grid;gap:5px;width:100%;text-align:right;border:1px solid rgba(196,154,108,.42);border-radius:1rem;padding:13px;background:rgba(255,255,255,.035);color:var(--text);transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease)}.notice:hover,.mail-card:hover,.list-action:hover{transform:translateY(-2px);border-color:var(--amber);background:rgba(255,121,0,.10)}.notice small,.mail-card small,.list span{color:var(--muted);line-height:1.55}.unread{border-color:var(--accent);box-shadow:0 0 0 0 rgba(255,121,0,.22);animation:attention-edge 2.4s ease-in-out infinite}.panel{padding:18px;margin:16px 0;border:1px solid var(--line);border-radius:1.45rem;background:linear-gradient(145deg,rgba(255,121,0,.055),#1a1714 34%,#101010 62%,#090909);color:var(--text);box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)}.panel h2,.panel h3{margin:0 0 12px}.compact{margin:18px 0 0}.list{display:grid;gap:8px}.list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.list>div:last-child{border:0}.list span{font-size:.88rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.secondary{min-height:42px;border:1px solid rgba(196,154,108,.50);border-radius:.9rem;padding:9px 13px;background:rgba(17,17,17,.78);color:#fff0df;font-weight:900;transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease)}.secondary:hover,.secondary:focus-visible{border-color:rgba(255,176,106,.82);background:rgba(255,121,0,.14)}.secondary:active{transform:scale(.97)}.platform-grid,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-grid button{display:grid;gap:7px;min-height:150px;padding:18px;text-align:right;border:1px solid rgba(196,154,108,.46);border-radius:1.35rem;background:linear-gradient(145deg,#1c1916 0%,#111 56%,#0a0a0a);color:var(--text);box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);transition:transform 180ms var(--ease),border-color 180ms var(--ease),box-shadow 180ms var(--ease)}.platform-grid button:hover,.platform-grid button:focus-visible{transform:translateY(-3px);border-color:rgba(255,154,56,.84);box-shadow:0 22px 42px rgba(0,0,0,.34),0 10px 28px rgba(255,121,0,.12)}.platform-grid button:active{transform:scale(.98)}.platform-grid small{color:var(--muted);line-height:1.6}.platform-grid span{color:var(--amber);font-weight:900}.empty{color:var(--muted);line-height:1.7}.error{border-color:#8f4654}.text-action{display:grid;gap:4px;text-align:right;border:0;background:transparent;color:var(--text);padding:0;min-width:0}.text-action small,.helper{color:var(--muted);line-height:1.55}.inline-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.danger{min-height:42px;border:1px solid #7f4555;border-radius:.9rem;padding:9px 12px;background:#401d2a;color:#ffe4e8}.audit-row{display:grid;gap:4px;border-inline-start:3px solid var(--accent);padding:12px;background:rgba(255,121,0,.06);border-radius:1rem}.audit-row span,.audit-row small{color:var(--muted)}.audit-row p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
nav{position:fixed;z-index:6;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:min(100%,880px);margin:auto;padding:10px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid rgba(196,154,108,.22);background:linear-gradient(180deg,rgba(9,9,9,.12),rgba(9,9,9,.97) 30%);backdrop-filter:blur(16px)}nav button{min-height:44px;border:0;border-radius:.85rem;background:transparent;color:var(--muted);padding:10px 4px;font-size:.78rem;font-weight:800;transition:background 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}nav button:hover{color:var(--text);background:rgba(255,121,0,.08)}nav button.active{background:rgba(255,121,0,.14);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,176,106,.28)}nav button:active{transform:scale(.97)}
dialog{width:min(580px,calc(100% - 28px));max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(196,154,108,.52);border-radius:1.65rem;background:linear-gradient(145deg,#211b16,#111 55%,#090909);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05)}dialog::backdrop{background:rgba(8,4,20,.78);backdrop-filter:blur(5px)}dialog form{display:grid;gap:14px}dialog h2{margin:0;font-size:1.55rem;letter-spacing:-.03em}dialog label,dialog legend{display:grid;gap:7px;font-weight:900;color:var(--text)}dialog input,dialog select,dialog textarea{width:100%;padding:12px;border:1px solid rgba(196,154,108,.56);border-radius:.9rem;background:rgba(4,4,4,.55);color:var(--text)}dialog input::placeholder,dialog textarea::placeholder{color:rgba(255,244,230,.44)}dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:var(--amber);outline:3px solid rgba(255,176,106,.38);outline-offset:2px}dialog fieldset{display:grid;gap:9px;border:1px solid rgba(196,154,108,.42);border-radius:1rem;padding:12px}.checks{display:flex;gap:8px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:6px;font-weight:500}.checks input{width:auto;accent-color:var(--accent)}.close{position:absolute;inset-inline-start:14px;top:12px;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgba(196,154,108,.44);border-radius:50%;background:rgba(255,255,255,.035);color:var(--text);font-size:24px}.close:hover{background:rgba(255,121,0,.14);border-color:var(--amber)}.submit{width:100%}#form-error,#task-error,#compose-error,#employee-error,#record-error,#document-error,#authorization-error,#profile-error,#system-error{min-height:1.2em;margin:0;color:var(--danger)}.upload-control{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px;border:1px dashed rgba(196,154,108,.56);border-radius:1rem;background:rgba(255,255,255,.035);cursor:pointer}.upload-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-control b{padding:9px 12px;border-radius:.75rem;background:rgba(255,121,0,.12);color:var(--amber)}.upload-control small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.file-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.file-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:.8rem;background:rgba(255,255,255,.04)}.file-list li>small{color:var(--muted)}.file-list button{border:1px solid #71415a;border-radius:.7rem;padding:5px 8px;background:transparent;color:#ffc1cc}.file-list img{width:42px;height:42px;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:.6rem}.mail-body{white-space:pre-wrap;line-height:1.8}.profile-photo-row{display:flex;align-items:center;gap:14px;padding:12px 0 16px}.profile-photo-row img,.profile-photo-row>span{display:grid;place-items:center;flex:none;width:64px;height:64px;border:2px solid var(--line);border-radius:50%;object-fit:cover;background:var(--accent);font-size:28px}.profile-upload{flex:1;margin:0}.profile-upload input{margin-top:7px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.catalog-grid form{align-content:start;padding:13px;border:1px solid var(--line);border-radius:1rem;background:rgba(255,121,0,.055)}.catalog-grid h3{margin:0 0 6px}.permission-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.8fr);align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.permission-control:last-child{border-bottom:0}.permission-control span{line-height:1.5}.permission-control select{min-width:0}.evidence-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.evidence-gallery img,.evidence-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);border-radius:.9rem;background:#0b0b0b;padding:8px}.evidence-thumb{text-align:center;line-height:1.5}.skeleton-block,.skeleton-grid{display:grid;gap:10px;margin:22px 0}.skeleton-grid{grid-template-columns:repeat(3,1fr)}.skeleton-block i,.skeleton-grid i{display:block;min-height:28px;border-radius:1rem;background:linear-gradient(90deg,#221a15,#3a281b,#221a15);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton-block.tall i{min-height:72px}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes attention-edge{50%{box-shadow:0 0 0 4px rgba(255,121,0,.16)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:620px){.top,main{padding-inline:14px}.hero,.page-title{padding:26px 18px 24px}.hero h1,.page-title h1{font-size:2rem}.stats{gap:7px}.stats article{padding:13px 9px}.stats strong{font-size:1.45rem}.focus{align-items:flex-start;flex-direction:column}.focus button,.platform-grid{width:100%}.platform-grid,.two-col{grid-template-columns:1fr}.page-actions>*{flex:1 1 140px}.catalog-grid{grid-template-columns:1fr}.permission-control{grid-template-columns:1fr;gap:7px}.list>div{align-items:flex-start;flex-direction:column}.inline-actions{justify-content:flex-start}.skeleton-grid{grid-template-columns:1fr 1fr}nav{padding-inline:10px}.close{inset-inline-start:10px}}@media(max-width:380px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.stats span{font-size:.7rem}.stats strong{font-size:1.28rem}nav button{font-size:.7rem}.hero:after,.page-title:after{display:none}}
:focus-visible{outline:3px solid rgba(255,176,106,.94);outline-offset:3px}