:root{--bg: #eef1f5;--surface: #ffffff;--surface-2: #f4f6f9;--border: #dde2ea;--border-strong: #c7cfdb;--ink: #1a1f29;--ink-2: #576070;--ink-3: #8a93a3;--accent: #2f5fd0;--accent-2: #93b1ee;--accent-ink: #ffffff;--accent-soft: #e7eefb;--draft-fg: #9a5a00;--draft-bg: #fbefd8;--sub-fg: #2650b8;--sub-bg: #e7eefb;--appr-fg: #15663a;--appr-bg: #e0f1e8;--danger: #c23b3b;--shadow: 0 1px 2px rgba(20,28,46,.06), 0 6px 20px rgba(20,28,46,.05);--r: 12px;--r-sm: 8px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e131d;--surface: #161c28;--surface-2: #1b2230;--border: #29313f;--border-strong: #38414f;--ink: #e8ecf3;--ink-2: #a7b0c0;--ink-3: #6f7a8c;--accent: #6a97ff;--accent-2: #3c5894;--accent-ink: #0e131d;--accent-soft: #1b2947;--draft-fg: #e6b566;--draft-bg: #33280f;--sub-fg: #9cc0ff;--sub-bg: #182642;--appr-fg: #7fd3a4;--appr-bg: #123224;--danger: #ef7676;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.28);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e131d;--surface: #161c28;--surface-2: #1b2230;--border: #29313f;--border-strong: #38414f;--ink: #e8ecf3;--ink-2: #a7b0c0;--ink-3: #6f7a8c;--accent: #6a97ff;--accent-2: #3c5894;--accent-ink: #0e131d;--accent-soft: #1b2947;--draft-fg: #e6b566;--draft-bg: #33280f;--sub-fg: #9cc0ff;--sub-bg: #182642;--appr-fg: #7fd3a4;--appr-bg: #123224;--danger: #ef7676;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.28);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;text-wrap:balance}button,input{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:236px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"brand top" "nav main";min-height:100%}.brand{grid-area:brand;display:flex;align-items:center;gap:10px;padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.brand .mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;flex:0 0 auto}.brand .mark svg{width:17px;height:17px}.brand .word{font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.01em}.topbar{grid-area:top;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .pagetitle{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em}.topbar .spacer{flex:1}.userchip{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6a97ff);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:0 0 auto}.userchip .meta{line-height:1.1}.userchip .meta b{font-size:12.5px;font-weight:600;display:block}.userchip .meta span{font-size:11px;color:var(--ink-3)}.nav{grid-area:nav;border-right:1px solid var(--border);background:var(--surface);padding:14px 12px;display:flex;flex-direction:column;gap:2px}.nav .grouplbl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:14px 10px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-weight:500;font-size:13.5px;cursor:pointer}.nav a svg{width:17px;height:17px;flex:0 0 auto;opacity:.8}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a.active svg{opacity:1}.main{grid-area:main;padding:22px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));min-width:0}.wrap{max-width:1080px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.pad{padding:18px}.row{display:flex;align-items:center;gap:12px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:3px 10px;border-radius:999px}.pill .d{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.draft{color:var(--draft-fg);background:var(--draft-bg)}.pill.sub{color:var(--sub-fg);background:var(--sub-bg)}.pill.appr{color:var(--appr-fg);background:var(--appr-bg)}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;padding:9px 15px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--surface-2)}.btn svg{width:15px;height:15px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.good{background:var(--appr-fg);border-color:var(--appr-fg);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{border-color:transparent;background:transparent;color:var(--accent);padding-inline:8px}.pagebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:11px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.pagebar .lbl{font-size:13px;color:var(--ink-2)}.pagebar .lbl b{color:var(--ink);font-weight:700}.pagebar .spacer{flex:1}.weeknav{display:flex;align-items:center;gap:8px}.weeknav .range{font-weight:600;font-size:14px;min-width:190px;text-align:center}.iconbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2)}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn svg{width:16px;height:16px}.tz{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 11px}.day{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.day>.dhead{display:flex;align-items:center;gap:12px;padding:11px 15px;background:var(--surface-2);border-bottom:1px solid var(--border)}.day .dow{font-weight:700;font-size:13.5px;width:42px}.day .date{color:var(--ink-3);font-size:12.5px}.day .dtot{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.day .dtot small{color:var(--ink-3);font-weight:600}.blocks{display:flex;flex-direction:column}.block{display:grid;grid-template-columns:150px 1fr 60px 30px;align-items:center;gap:12px;padding:10px 15px;border-bottom:1px solid var(--border)}.block:last-child{border-bottom:0}.time{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}.time .sep{color:var(--ink-3)}.time .chip{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 7px}.desc{color:var(--ink);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block .hrs{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.block .del{color:var(--ink-3);cursor:pointer;display:grid;place-items:center;background:none;border:0;padding:0}.block .del:hover{color:var(--danger)}.addblock{padding:9px 15px}.addblock button{border:1px dashed var(--border-strong);background:transparent;color:var(--accent);font-weight:600;font-size:12.5px;width:100%;padding:8px;border-radius:var(--r-sm);cursor:pointer}.addblock button:hover{background:var(--accent-soft)}.blockform{display:grid;grid-template-columns:110px 110px 1fr auto;gap:10px;align-items:end;padding:14px 15px;border-top:1px solid var(--border);background:var(--surface-2)}.blockform .field{display:flex;flex-direction:column;gap:5px;min-width:0}.blockform .field span{font-size:11px;font-weight:600;color:var(--ink-2)}.blockform input{padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;width:100%}.blockform input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.calwrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);margin-bottom:14px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(104px,1fr));min-width:740px}.daycell{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:0;border-right:1px solid var(--border);border-top:3px solid transparent;padding:9px 8px 11px;min-height:126px;display:flex;flex-direction:column;gap:7px}.daycell:last-child{border-right:0}.daycell:hover{background:var(--surface-2)}.daycell.weekend{background:color-mix(in srgb,var(--surface-2) 50%,var(--surface))}.daycell.selected{background:var(--accent-soft);border-top-color:var(--accent)}.daycell .dch{text-align:center;line-height:1.12}.daycell .dow{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.daycell .dnum{display:block;font-size:15px;font-weight:600;margin-top:1px}.daycell.selected .dnum,.daycell.selected .dow{color:var(--accent)}.daycell .dtot{text-align:center;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2)}.daycell .dtot.zero{color:var(--ink-3);font-weight:500}.daycell .evlist{display:flex;flex-direction:column;gap:5px;min-width:0;margin-top:2px}.evitem{position:relative;padding-left:13px;font-size:11.5px;line-height:1.35;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.evitem:before{content:"";position:absolute;left:3px;top:6px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.daycell.selected .evitem{color:var(--ink)}.seldayhint{font-size:12px;color:var(--ink-3);margin:0 2px 8px}.seldayhint b{color:var(--ink-2)}.weekbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.weekbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{filter:brightness(1.06)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#0a0f1980}.modal{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px}.modal h3{font-size:16px;margin:0 0 8px}.modal p{margin:0 0 18px;font-size:13px;line-height:1.45}.big{font-size:15px;color:var(--ink-2)}.big b{font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-left:5px}.lockbanner{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:var(--r);margin-bottom:16px;font-size:13px}.lockbanner.sub{background:var(--sub-bg);color:var(--sub-fg)}.lockbanner.appr{background:var(--appr-bg);color:var(--appr-fg)}.lockbanner svg{width:18px;height:18px;flex:0 0 auto}.lockbanner b{font-weight:700}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 120%,var(--accent-soft),transparent 55%),var(--bg);padding:24px;z-index:60}.login .box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:34px 30px;text-align:center}.login .mark{width:46px;height:46px;border-radius:13px;background:var(--accent);display:grid;place-items:center;margin:0 auto 16px}.login .mark svg{width:25px;height:25px}.login h1{font-family:var(--font-display);font-weight:600;font-size:28px;letter-spacing:-.02em}.login p{color:var(--ink-2);font-size:13.5px;margin:8px 0 24px}.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}.gbtn:hover{background:var(--surface-2)}.gbtn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);margin-top:4px}.gbtn.primary:hover{filter:brightness(1.06);background:var(--accent)}.gbtn:disabled{opacity:.6;cursor:not-allowed}.login form{display:flex;flex-direction:column;gap:13px;text-align:left;margin-top:4px}.login .field{display:flex;flex-direction:column;gap:6px}.login .field span{font-size:12px;font-weight:600;color:var(--ink-2)}.login .field input{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px}.login .field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.login .fine{margin-top:18px;font-size:11.5px;color:var(--ink-3);line-height:1.5}.login .fine b{color:var(--ink-2);font-weight:600}.login .err{margin-top:14px;color:var(--danger);font-size:12.5px;font-weight:600}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);padding:11px 15px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2)}tbody td{padding:12px 15px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.uname{display:flex;align-items:center;gap:10px}.uname .avatar{width:30px;height:30px;font-size:12px}.uname b{font-weight:600}.uname span{display:block;font-size:11.5px;color:var(--ink-3)}.rolebadge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2)}.rolebadge.admin{color:var(--accent);background:var(--accent-soft);border-color:transparent}.applist{display:flex;flex-direction:column;gap:11px}.appitem{display:flex;align-items:center;gap:15px;padding:15px 17px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.appitem .who b{font-weight:600;font-size:14px}.appitem .who span{color:var(--ink-3);font-size:12px}.appitem .wk{color:var(--ink-2);font-size:13px}.appitem .hrs{font-weight:700;font-variant-numeric:tabular-nums;font-size:15px}.appitem .right{margin-left:auto;display:flex;align-items:center;gap:10px}select,.orgselect{font:inherit;font-size:13px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink)}select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.modal.wide{max-width:620px}.reviewdays{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid.one{grid-template-columns:1fr}.formgrid .field{display:flex;flex-direction:column;gap:6px;min-width:0}.formgrid .field span{font-size:12px;font-weight:600;color:var(--ink-2)}.formgrid .field input{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:13px}.formgrid .field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.formgrid .field input:disabled{background:var(--surface-2);color:var(--ink-3)}.btn.ghost+.btn.ghost{margin-left:4px}.comingsoon{display:grid;place-items:center;min-height:50vh;text-align:center}.comingsoon .inner{max-width:420px}.comingsoon h2{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:-.015em;margin-bottom:8px}.comingsoon p{color:var(--ink-2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--bg);font-weight:600;font-size:13px;padding:11px 18px;border-radius:999px;box-shadow:var(--shadow);opacity:0;transition:.25s;pointer-events:none;z-index:80}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.loading{display:grid;place-items:center;min-height:60vh;color:var(--ink-3)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px;box-shadow:var(--shadow)}.tile .k{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.tile .v{font-size:26px;font-weight:700;margin-top:7px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .v small{font-size:14px;color:var(--ink-3);font-weight:600}.tile .foot{font-size:12px;color:var(--ink-2);margin-top:3px}.chartcard .legend{display:flex;gap:16px;font-size:12px;color:var(--ink-2);margin-top:2px}.chartcard .legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}.bars{display:flex;flex-direction:column;gap:13px;margin-top:16px}.barrow{display:grid;grid-template-columns:120px 1fr 92px;align-items:center;gap:13px}.barrow .lbl{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track{height:22px;background:var(--surface-2);border-radius:6px;display:flex;overflow:hidden}.track .seg-l{background:var(--accent);height:100%}.track .seg-o{background:var(--accent-2);height:100%;border-left:2px solid var(--surface)}.barrow .val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;font-size:13.5px}.axis{display:flex;justify-content:space-between;margin:14px 0 0 133px;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.settingslist .setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.settingslist .setrow:first-child{padding-top:2px}.setlbl{min-width:0}.setlbl b{font-weight:600;display:block}.setlbl span{font-size:12px;color:var(--ink-3)}.settingslist input[type=number],.settingslist input[type=email]{padding:8px 11px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:13px}.settingslist input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--accent)}.auditrow{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.auditrow:last-child{border-bottom:0}.auditrow .adate{width:92px;flex:0 0 auto;font-size:12px}.auditrow .atext{color:var(--ink);min-width:0}.rateconfig .subhead{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}.minilist{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.minirow{display:flex;align-items:center;gap:10px;padding:8px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px}.minirow .spacer{flex:1}.minirow.ended{opacity:.6}.inlineform{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:12px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-sm)}.inlineform.wide4{grid-template-columns:1.4fr .8fr 1fr 1fr auto}.inlineform .field{display:flex;flex-direction:column;gap:5px;min-width:0}.inlineform .field span{font-size:11px;font-weight:600;color:var(--ink-2)}.inlineform input{padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;width:100%}.inlineform input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.iconbtn.sm{width:28px;height:28px}.iconbtn.sm svg{width:14px;height:14px}.btn.sm{padding:5px 10px;font-size:12px}.menubtn{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr;grid-template-areas:"brand" "top" "main"}.brand{border-right:0}.nav{position:fixed;top:0;left:0;bottom:0;width:240px;z-index:50;transform:translate(-102%);transition:.25s;box-shadow:var(--shadow)}.nav.open{transform:none}.menubtn{display:grid}.topbar{top:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1966;z-index:45;opacity:0;pointer-events:none;transition:.2s}.scrim.show{opacity:1;pointer-events:auto}.block{grid-template-columns:128px 1fr 48px 26px;gap:8px}.blockform{grid-template-columns:1fr 1fr}.userchip .meta{display:none}.tiles{grid-template-columns:repeat(2,1fr)}.barrow{grid-template-columns:92px 1fr 76px}.axis{margin-left:105px}.inlineform,.inlineform.wide4{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.main{padding:16px}.block{grid-template-columns:112px 1fr 44px}.block .del{display:none}.formgrid{grid-template-columns:1fr}.appitem{flex-wrap:wrap}.appitem .right{margin-left:0;width:100%}.tiles{grid-template-columns:1fr 1fr}.settingslist .setrow{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}