:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c2923;background:#f8f6f0;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page: #f8f6f0;--paper: #fffef9;--raised: #fcfaf2;--ink: #2c2923;--muted: #716b5d;--faint: #9f9885;--line: #d8d3c2;--soft-line: #e9e5d7;--accent: #201e1a;--warm: #c98540;--green: #3e7457;--red: #ad3c36;--blue: #3b6291;--shadow: 0 4px 10px rgba(44, 41, 35, .035);--shadow-strong: 0 18px 52px rgba(44, 41, 35, .12);--control-height: 46px;--control-height-compact: 38px;--radius-card: 10px;--radius-control: 9px;--radius-input: 8px;--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-control: cubic-bezier(.2, 0, 0, 1);--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .28s;--bottom-nav-space: calc(132px + env(safe-area-inset-bottom)) }*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.icp-footer{position:fixed;left:50%;bottom:max(4px,env(safe-area-inset-bottom));z-index:70;transform:translate(-50%);pointer-events:none;font-size:11px;line-height:1.2}.icp-footer a{pointer-events:auto;color:var(--faint);opacity:.86;text-decoration:none;transition:color var(--duration-fast) var(--ease-control),opacity var(--duration-fast) var(--ease-control)}.icp-footer a:hover{color:var(--muted);opacity:1}.app{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(255,254,249,.7),transparent 30%),var(--page)}.page-shell{width:min(872px,calc(100vw - 36px));margin:0 auto;padding:34px 0 var(--bottom-nav-space)}.page-shell.compact{width:min(680px,calc(100vw - 36px))}.page-shell.wide{width:min(1180px,calc(100vw - 48px))}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.kicker{margin:0 0 8px;color:var(--faint);font-size:14px;font-weight:800}.display-title{margin:0;color:var(--ink);font-size:36px;line-height:1.08;font-weight:800;letter-spacing:0}.section-title{margin:0;color:var(--ink);font-size:17px;line-height:1.22;font-weight:760;letter-spacing:0}.subtitle,.caption,.muted{color:var(--muted)}.subtitle{max-width:640px;margin:8px 0 0;font-size:16px;line-height:1.55}.caption{margin:6px 0 0;font-size:14px;line-height:1.5}.muted{margin:0;font-size:14px;line-height:1.5}.faint{color:var(--faint)}.section{margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.card{width:100%;border:1px solid var(--soft-line);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow);padding:16px}.card.raised{background:var(--raised)}.card.clickable{cursor:pointer;text-align:left;color:inherit;transition:transform var(--duration-normal) var(--ease-control),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-control),background var(--duration-normal) var(--ease-control)}.card.clickable:hover{transform:translateY(-1px);border-color:#c9854059;box-shadow:0 10px 24px #2c292311}.card.clickable:active{transform:scale(.992)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.top{align-items:flex-start}.spacer{flex:1 1 auto}.grid{display:grid;gap:12px}.grid.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.auto{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{min-height:112px;display:grid;align-content:center;gap:8px}.metric-card .metric-icon{color:var(--muted);width:22px;height:22px;stroke-width:2.1;line-height:1}.metric-card strong{color:var(--ink);font-size:34px;line-height:1;font-weight:900}.metric-card span:last-child{color:var(--muted);font-size:14px;font-weight:750}.tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:4px 9px;border:1px solid var(--soft-line);border-radius:999px;background:var(--raised);color:var(--muted);font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.tag.warm{border-color:#c985402e;background:#c985401f;color:var(--warm)}.tag.green{border-color:#3e745733;background:#3e745714;color:var(--green)}.tag.red{border-color:#ad3c362e;background:#ad3c3614;color:var(--red)}.tag.blue{border-color:#3b62912e;background:#3b629114;color:var(--blue)}.app-button,.icon-button,.text-button,.chip-button{border:1px solid var(--line);background:var(--raised);color:var(--ink);cursor:pointer;font-weight:760;letter-spacing:0;transition:transform var(--duration-fast) var(--ease-control),background var(--duration-fast) var(--ease-control),border-color var(--duration-fast) var(--ease-control),color var(--duration-fast) var(--ease-control),opacity var(--duration-fast) var(--ease-control),box-shadow var(--duration-normal) var(--ease-standard)}.app-button:disabled,.icon-button:disabled,.text-button:disabled,.chip-button:disabled{cursor:not-allowed;opacity:.48}.app-button:active,.icon-button:active,.text-button:active,.chip-button:active{transform:scale(.985)}.app-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-control);padding:0 16px}.app-button.primary{border-color:var(--accent);background:var(--accent);color:var(--paper)}.app-button.primary:hover,.icon-button.primary:hover{background:#201e1aeb}.app-button.secondary{background:var(--raised)}.app-button.secondary:hover,.icon-button:hover,.chip-button:hover{border-color:#c9854047;background:var(--paper)}.app-button.ghost{border-color:transparent;background:transparent;color:var(--muted)}.app-button.danger{border-color:#ad3c363d;background:#ad3c3614;color:var(--red)}.app-button.full{width:100%}.button-icon,.icon{display:inline-grid;place-items:center;width:18px;height:18px;line-height:1;flex:0 0 auto}.button-icon svg,.icon svg,.bottom-nav__icon svg{width:100%;height:100%;stroke-width:2.25}.spin{animation:iconSpin .9s linear infinite}.tag-icon{width:13px;height:13px;stroke-width:2.3}.icon-button{width:var(--control-height);height:var(--control-height);display:inline-grid;place-items:center;border-radius:var(--radius-control);background:var(--raised);box-shadow:none;color:var(--ink);font-size:20px;line-height:1}.icon-button.primary{border-color:var(--accent);background:var(--accent);color:var(--paper)}.icon-button.soft{width:var(--control-height-compact);height:var(--control-height-compact);border-radius:8px;background:var(--raised);font-size:18px}.icon-button.danger{border-color:transparent;background:#ad3c3614;color:var(--red)}.text-button{min-height:40px;display:inline-flex;align-items:center;gap:7px;border-color:transparent;border-radius:9px;background:transparent;padding:0 10px;color:var(--muted)}.text-button:hover{background:#e9e5d780;color:var(--ink)}.text-button.danger{color:var(--red)}.chip-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:0 12px}.form-grid{display:grid;gap:13px}.field{display:grid;gap:7px}.field label{color:var(--muted);font-size:13px;font-weight:850}.input,.textarea,.select{width:100%;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-input);background:var(--paper);color:var(--ink);outline:none;padding:11px 12px;transition:border-color var(--duration-fast) var(--ease-control),box-shadow var(--duration-fast) var(--ease-control),background var(--duration-fast) var(--ease-control)}.textarea{min-height:124px;resize:vertical;line-height:1.55}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #201e1a11}.range{width:100%;height:34px;appearance:none;background:transparent;accent-color:var(--accent)}.range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--soft-line))}.range::-webkit-slider-thumb{appearance:none;width:46px;height:34px;margin-top:-13px;border:0;border-radius:999px;background:var(--paper);box-shadow:0 10px 24px #2c29232e}.range::-moz-range-track{height:8px;border-radius:999px;background:var(--soft-line)}.range::-moz-range-progress{height:8px;border-radius:999px;background:var(--accent)}.range::-moz-range-thumb{width:46px;height:34px;border:0;border-radius:999px;background:var(--paper);box-shadow:0 10px 24px #2c29232e}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:4px;width:100%;padding:4px;border:1px solid var(--soft-line);border-radius:var(--radius-control);background:var(--raised)}.segmented button{min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-weight:720;transition:color var(--duration-normal) var(--ease-control),background var(--duration-normal) var(--ease-control),box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-fast) var(--ease-control)}.segmented button.active{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--soft-line)}.segmented button:active{transform:scale(.985)}.empty-state{display:grid;gap:10px;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:18px}.message{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--soft-line);border-radius:10px;background:var(--raised);padding:12px 14px;color:var(--muted);font-size:14px;line-height:1.45}.message.error{border-color:#ad3c3638;background:#ad3c3612;color:var(--red)}.message.warn{border-color:#c985403d;background:#c9854017;color:#8f5c24}.message.success{border-color:#3e745733;background:#3e745714;color:var(--green)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#201e1a47;animation:backdropIn var(--duration-slow) var(--ease-standard)}.modal{width:min(540px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-strong);padding:18px;animation:modalIn var(--duration-slow) var(--ease-standard)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-title{margin:0;color:var(--ink);font-size:22px;line-height:1.2;font-weight:900}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.bottom-nav{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;width:min(596px,calc(100vw - 34px));min-height:78px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;transform:translate(-50%);border:1px solid rgba(216,211,194,.86);border-radius:999px;background:#fffef9e0;box-shadow:0 14px 36px #2c292321;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px}.bottom-nav__item{min-width:0;display:grid;place-items:center;align-content:center;gap:5px;border-radius:999px;color:var(--ink);font-size:13px;font-weight:760;transition:background var(--duration-normal) var(--ease-control),transform var(--duration-fast) var(--ease-control),color var(--duration-normal) var(--ease-control)}.bottom-nav__icon{display:inline-grid;place-items:center;width:24px;height:24px;line-height:1}.bottom-nav__item.active{background:#e9e5d7d6}.bottom-nav__item:active{transform:scale(.985)}@keyframes surfaceIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes iconSpin{to{transform:rotate(360deg)}}.page-shell>.card,.page-shell>.section,.page-shell>.grid,.page-shell>.message,.page-shell>.admin-layout,.page-shell>.admin-metrics{animation:surfaceIn var(--duration-slow) var(--ease-standard) both}.page-shell>.section:nth-of-type(2),.page-shell>.card:nth-of-type(2){animation-delay:35ms}.page-shell>.section:nth-of-type(3),.page-shell>.card:nth-of-type(3){animation-delay:70ms}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:760px){.page-shell,.page-shell.compact,.page-shell.wide{width:min(100vw - 32px,872px);padding-top:34px}.app-header{align-items:flex-start;margin-bottom:24px}.display-title{font-size:34px}.subtitle{font-size:15px}.grid.metrics,.grid.two{grid-template-columns:1fr}.metric-card{min-height:96px}.icon-button{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);font-size:20px}.header-actions{gap:8px}}@media(max-width:560px){.page-shell,.page-shell.compact,.page-shell.wide{width:min(100vw - 28px,872px)}.app-header{gap:10px}.display-title{font-size:32px}.section-heading{align-items:flex-start;flex-direction:column}.bottom-nav{min-height:78px;width:min(420px,calc(100vw - 28px))}.bottom-nav__item{font-size:13px}.bottom-nav__icon{width:23px;height:23px}.modal-footer{flex-direction:column-reverse}.modal-footer .app-button{width:100%}}