:root{--bg: #f6f7f9;--surface: #ffffff;--surface-muted: #f0f2f5;--border: #dde1e7;--text: #17202b;--text-muted: #5b6676;--accent: #1f5fbf;--accent-text: #ffffff;--accent-soft: #e6eefb;--danger: #b42318;--success: #1c7c4a;--focus: #1f5fbf;--radius: 10px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--shadow-hover: 0 4px 12px rgb(16 24 40 / 10%);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f141a;--surface: #171e26;--surface-muted: #1e2731;--border: #2b3643;--text: #e6ebf1;--text-muted: #9aa6b4;--accent: #6ea2f2;--accent-text: #0b1420;--accent-soft: #1b2a40;--danger: #f2877d;--success: #6fcf97;--focus: #6ea2f2;--shadow: 0 1px 2px rgb(0 0 0 / 30%);--shadow-hover: 0 6px 16px rgb(0 0 0 / 40%);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--text-muted)}.button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.button--secondary{background:var(--accent-soft);color:var(--accent)}.button--ghost{background:transparent;color:var(--text);border-color:var(--border);font-weight:500}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.icon-button:hover,.icon-button[aria-expanded=true]{background:var(--surface-muted);color:var(--text)}.centered{min-height:100vh;display:grid;place-items:center;padding:16px}.card{display:grid;gap:12px;justify-items:start;width:min(380px,100%);padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar h1{font-size:18px}.topbar__user{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar__name{color:var(--text-muted)}.avatar{width:28px;height:28px;border-radius:50%}.content{max-width:1200px;margin:0 auto;padding:24px;display:grid;gap:24px}.toolbar{display:flex}.search{display:flex;align-items:center;gap:8px;width:min(360px,100%);padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted)}.search input{flex:1;min-width:0;padding:8px 0;border:0;background:transparent;color:var(--text);font:inherit}.search input:focus{outline:none}.search:focus-within{outline:2px solid var(--focus);outline-offset:1px}.note,.notice{padding:10px 14px;border-radius:8px;background:var(--accent-soft);color:var(--text)}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section{display:grid;gap:12px}.section__title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tile{position:relative;display:grid;gap:10px;align-content:start;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .12s ease,border-color .12s ease}.tile--enabled:hover{box-shadow:var(--shadow-hover);border-color:var(--accent)}.tile--disabled{background:var(--surface-muted);box-shadow:none}.tile--disabled .app-icon,.tile--disabled .tile__name{opacity:.6}.tile__head{display:flex;align-items:center;gap:12px}.tile__name{flex:1;min-width:0;font-size:15px;font-weight:600}.tile__link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius)}.tile__link:focus-visible{outline:none}.tile__link:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}.tile__go{color:var(--text-muted)}.tile__info,.tile__details,.tile__access{position:relative;z-index:1}.tile__details{display:grid;gap:6px;font-size:14px;color:var(--text-muted)}.tile__details[hidden]{display:none}.tile__groups{font-size:13px}.tile__groups-label{font-weight:600}.tile__access{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tile__locked{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.tile__sent{font-size:13px;color:var(--success)}.app-icon{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.app-icon__initials{font-size:14px;font-weight:700}.request-form{display:grid;gap:8px;width:100%}.field{display:grid;gap:4px;font-size:13px;font-weight:600}.field__optional{font-weight:400;color:var(--text-muted)}.field select,.field textarea{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-weight:400;resize:vertical}.request-form__actions{display:flex;justify-content:flex-end;gap:8px}.request-form__error{font-size:13px;color:var(--danger)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}.tile{transition:none}}@media(max-width:600px){.topbar,.content{padding-left:16px;padding-right:16px}.topbar__name{display:none}}
