:root{--charcoal: #2C2C2C;--warm-grey: #6B6B6B;--light-grey: #E8E4E0;--beige: #F5F0EB;--cream: #FAF8F5;--sand: #C4B5A2;--taupe: #8A7D6B;--nero: #1A1A1A;--white: #FFFFFF;--success: #6B8F71;--warning: #C4A35A;--urgent: #B85C5C;--info: #7A8FA6;--primary: var(--nero);--bg: var(--beige);--surface: var(--cream);--card: #FFFFFF;--border: var(--light-grey);--radius: 14px;--radius-lg: 20px;--shadow: 0 1px 3px rgba(40,40,40,.06), 0 4px 14px rgba(40,40,40,.05);--shadow-lg: 0 8px 30px rgba(40,40,40,.1);--font-serif: Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tab-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--charcoal);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--taupe);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;color:var(--nero);letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}select{width:100%;padding:13px 38px 13px 14px;border:1px solid var(--border);border-radius:11px;background-color:var(--surface);color:var(--charcoal);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}select:focus{border-color:var(--taupe)}input,textarea,select{font-family:inherit;font-size:16px}.app-shell{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;background:var(--bg);position:relative}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 8px) 18px calc(var(--tab-h) + var(--safe-bottom) + 24px)}.screen-title{font-size:30px;margin:14px 2px 18px}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-grey);margin:22px 2px 10px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card.tap{transition:transform .12s ease}.card.tap:active{transform:scale(.985)}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.muted{color:var(--warm-grey)}.small{font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--light-grey);color:var(--charcoal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;background:var(--nero);color:var(--cream);transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.block{width:100%}.btn.secondary{background:var(--light-grey);color:var(--charcoal)}.btn.ghost{background:transparent;color:var(--taupe);border:1px solid var(--border)}.btn.danger{background:var(--urgent);color:#fff}.btn.sm{padding:9px 14px;font-size:14px;border-radius:10px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--warm-grey);margin-bottom:6px}.input,.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--charcoal);outline:none;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--taupe)}.field textarea{min-height:90px;resize:vertical}.tabbar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border);z-index:50}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--warm-grey);font-size:10.5px;font-weight:600}.tabbar a.active{color:var(--nero)}.tabbar .ic{width:24px;height:24px}.center{display:flex;align-items:center;justify-content:center}.desktop-only{display:none}@media (min-width: 900px){.desktop-only{display:inline-flex}}.spinner{width:26px;height:26px;border:3px solid var(--light-grey);border-top-color:var(--taupe);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--warm-grey);padding:50px 20px}.divider{height:1px;background:var(--border);margin:14px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appbar{display:flex;align-items:center;gap:10px;padding:calc(var(--safe-top) + 10px) 16px 10px;position:sticky;top:0;background:#f5f0ebe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.appbar h2{font-size:18px;margin:0}.iconbtn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--light-grey);border:none;color:var(--charcoal)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a66;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:720px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:10px 18px calc(28px + var(--safe-bottom));animation:sheetUp .25s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grab{width:40px;height:5px;border-radius:3px;background:var(--light-grey);margin:8px auto 14px}.toast{position:fixed;bottom:calc(var(--tab-h) + 20px);left:50%;transform:translate(-50%);background:var(--nero);color:var(--cream);padding:12px 18px;border-radius:12px;z-index:200;box-shadow:var(--shadow-lg);font-size:14px}.sidebar,.sidebar-brand{display:none}@media (min-width: 900px){.sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:248px;background:var(--surface);border-right:1px solid var(--border);padding:28px 16px;z-index:60}.sidebar .logo{width:92px;height:auto;margin:4px auto 30px;display:block}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;color:var(--warm-grey);font-weight:600;font-size:15px;transition:background .12s,color .12s}.sidebar nav a:hover{color:var(--nero);background:#00000008}.sidebar nav a.active{background:var(--white);color:var(--nero);box-shadow:var(--shadow)}.sidebar .sidebar-foot{margin-top:auto;font-size:11px;color:var(--warm-grey);padding:12px 14px}.app-shell{max-width:none;margin:0;padding-left:248px}.app-shell{align-items:center}.screen{width:100%;max-width:1120px;margin:0 auto;padding:30px 36px 56px}.screen.narrow{max-width:640px}.screen-title{font-size:34px}.tabbar{display:none}.appbar{padding:18px 36px;position:sticky;top:0}.appbar h2{font-size:22px}.toast{left:calc(50% + 124px)}.fab-mobile{display:none!important}.sheet-backdrop{align-items:center}.sheet{max-width:560px;max-height:86vh;border-radius:18px;animation:dialogIn .2s ease}@keyframes dialogIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-grab{display:none}}@media (min-width: 1500px){.screen{max-width:1280px}}.card-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.card-grid>.card,.card-grid>*>.card{margin-bottom:0}.card-grid>*{margin-bottom:0}@media (min-width: 760px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}}