:root{--green:#087b57;--green-dark:#14532d;--bg:#f4f8f5;--text:#183326;--muted:#64756c;--border:#d8e3db;--danger:#b91c1c}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-height:100vh;color:var(--text);overflow-wrap:anywhere;margin:0;font-family:Hiragino Sans,Yu Gothic UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.public-header{z-index:30;border-bottom:1px solid var(--border);background:#fffc;position:sticky;top:0}.header-inner{align-items:center;gap:16px;max-width:1240px;height:64px;margin:auto;padding:0 16px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;font-weight:900;display:flex}.brand>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.public-nav{align-items:center;gap:16px;margin-left:auto;display:flex}.menu-button{background:0 0;border:0;width:44px;height:44px;font-size:24px;display:none}.button,.button-link{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:800;display:inline-flex}.button:disabled{opacity:.55}.button.small{min-height:34px;padding:6px 12px;font-size:13px}.button.secondary{color:var(--text);border:1px solid var(--border);background:#fff}.button.danger{background:var(--danger)}.button-link.light{color:var(--green-dark);background:#fff}.button-link.outline-light{color:#fff;background:0 0;border:1px solid #fff}.text-link{color:var(--green);text-underline-offset:3px;font-weight:800;text-decoration:underline}.demo-login-actions{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:18px;display:grid}.demo-login-actions>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px;font-weight:800}.public-main{width:min(1240px,100% - 24px);margin:24px auto 48px}.hero{background:var(--green);color:#fff;border-radius:24px;padding:32px}.hero.pale{color:var(--text);background:#dff5e8}.hero h1{margin:10px 0;font-size:clamp(28px,5vw,46px);line-height:1.2}.hero p{max-width:720px;line-height:1.8}.button-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.section{margin-top:28px;scroll-margin-top:84px}.section h2{font-size:clamp(22px,4vw,30px)}.notice{color:var(--muted);background:#fff;border-radius:12px;margin:16px 0;padding:14px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:16px;min-width:0;padding:20px;box-shadow:0 8px 24px #143a2710}.card h3{line-height:1.5}.card p{color:var(--muted);line-height:1.7}.mechanism-grid,.reasons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reward{background:#e8f6ee;border:1px solid #b9dfc8;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 28px;padding:28px;display:grid}.reward h2{margin-top:0}.reward ul{color:var(--muted);grid-column:1/-1;margin:0;padding-left:1.2rem;line-height:1.8}.eyebrow{color:var(--green);margin:0;font-weight:800}.reward-rate{color:var(--green-dark);font-size:clamp(54px,9vw,90px);font-weight:900;line-height:1}.privacy-note{color:var(--muted);font-size:14px}.badge{color:var(--green-dark);background:#dff5e8;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.step{gap:14px;display:flex}.step>b{width:40px;height:40px;color:var(--green);background:#dff5e8;border-radius:50%;flex:none;place-items:center;display:grid}.cta{text-align:center;background:#e8f6ee;border-radius:18px;margin:32px 0;padding:28px}.terms{width:min(880px,100% - 24px);margin:32px auto}.legal{margin-top:18px;scroll-margin-top:80px}.legal h2{margin-top:28px;font-size:18px}.center-page{place-items:center;min-height:100dvh;padding:16px;display:grid}.center-page>.card{width:min(100%,680px)}.auth-page{grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid}.auth-side{background:#e2f4e9;flex-direction:column;justify-content:space-between;padding:48px;display:flex}.auth-side h1{font-size:clamp(32px,4vw,50px)}.auth-form{place-items:center;padding:24px;display:grid}.form-card{gap:18px;width:min(100%,460px);display:grid}.form-card.wide{width:min(100%,680px)}.form-card label{gap:8px;font-weight:800;display:grid}.input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:9px;padding:10px 12px}.textarea{resize:vertical;min-height:140px}.checkbox{align-items:flex-start;grid-template-columns:auto 1fr!important;display:flex!important}.checkbox input{width:20px;height:20px}.error-panel{color:#991b1b;white-space:pre-line;background:#fee2e2;border-radius:10px;padding:12px;font-weight:700}.state-panel{min-height:120px;color:var(--muted);place-items:center;padding:20px;display:grid}.toast{z-index:100;max-width:min(380px,100% - 32px);color:var(--green-dark);background:#fff;border:1px solid #a7d9be;border-radius:12px;align-items:center;gap:12px;padding:14px;font-weight:800;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 14px 35px #0002}.toast button{float:right;background:0 0;border:0;margin-left:16px;font-size:20px}.dialog-backdrop,.shell-overlay{z-index:80;background:#0007;border:0;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:min(440px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.app-top{z-index:40;border-bottom:1px solid var(--border);background:#fffc;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:240px;right:0}.app-top>.brand{display:none}.user-chip{text-align:right;margin-left:12px;font-weight:800}.user-chip small{color:var(--green);display:block}.sidebar{z-index:90;border-right:1px solid var(--border);background:#fff;flex-direction:column;width:240px;padding:18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{gap:5px;margin-top:28px;display:grid}.sidebar nav a{border-radius:10px;min-height:44px;padding:12px;font-weight:800}.sidebar nav a.active{color:var(--green-dark);background:#e4f5eb}.sidebar-user{gap:8px;margin-top:auto;display:grid}.sidebar-user small{color:var(--muted)}.app-main{max-width:1480px;min-height:100vh;margin-left:240px;padding:88px 32px 40px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1{margin:0}.filters{grid-template-columns:minmax(240px,1fr) 200px 180px auto;gap:10px;max-width:1080px;display:grid}.filters .button{width:max-content;min-width:112px}.data-table-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:20px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8eee9;padding:14px 16px}.data-table thead th{color:var(--muted);white-space:nowrap;background:#f5faf6;font-size:13px;font-weight:800}.data-table tbody tr:hover{background:#fbfefc}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody th{font-weight:800}.data-table-primary,.table-primary{color:var(--green-dark);display:block}.data-table tbody th small{color:var(--muted);margin-top:4px;font-weight:400;line-height:1.4;display:block}.data-table .numeric,.data-table .actions{text-align:right;white-space:nowrap}.data-table th.actions,.data-table td.actions{text-align:left;width:132px;min-width:132px}.case-actions,.user-actions{justify-content:flex-start;align-items:center;gap:8px;display:flex}.case-actions .button,.user-actions .button{white-space:nowrap;min-height:36px;padding:7px 12px;font-size:13px}.nowrap{white-space:nowrap}.case-table-wrap,.user-table-wrap{display:block}.case-grid,.user-list-grid{display:none}.user-search{gap:10px;width:min(100%,620px);display:flex}.user-actions{justify-content:flex-start;gap:8px;display:flex}.user-card h2,.user-card p{margin:0}.user-card dl{gap:8px;margin:16px 0;display:grid}.user-card dl>div{grid-template-columns:110px minmax(0,1fr);gap:8px;display:grid}.user-card dt{color:var(--muted)}.user-card dd{margin:0}.user-form{gap:16px;width:min(560px,100% - 24px);display:grid}.user-form h2,.user-form .button-row{margin:0}.user-form label{gap:8px;font-weight:800;display:grid}.case-list{gap:12px;margin-top:18px;display:grid}.case-card{grid-template-columns:1fr auto;gap:16px;display:grid}.case-card h2{margin:5px 0;font-size:19px}.meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.profile-page{max-width:760px}.profile-grid{gap:18px;display:grid}.profile-grid .form-card{margin-top:16px}.profile-grid .button{justify-self:end}.readonly-value{overflow-wrap:anywhere;background:#f1f5f9;border-radius:9px;min-height:44px;padding:12px}.timeline{gap:0;display:grid}.timeline-item{padding:0 0 22px 28px;position:relative}.timeline-item:before{content:"";background:var(--green);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:7px}.timeline-item:after{content:"";background:#b9d9c7;width:2px;position:absolute;top:17px;bottom:0;left:12px}.timeline-item:last-child:after{display:none}@media (max-width:767px){.menu-button{place-items:center;margin-left:auto;display:grid}.public-nav{border-bottom:1px solid var(--border);background:#fff;padding:12px;display:none;position:absolute;top:64px;left:0;right:0}.public-nav a{min-height:44px;padding:12px}.hero{padding:22px 18px}.card-grid,.mechanism-grid,.reasons-grid,.steps-grid{grid-template-columns:1fr}.reward{grid-template-columns:1fr;padding:20px}.reward-rate{order:-1;font-size:64px}.reward ul{grid-column:auto}.auth-page{grid-template-columns:1fr}.auth-side{display:none}.auth-form{padding:12px}.form-card{padding:18px}.button-row{flex-direction:column}.button-row>*{width:100%}.app-top{padding:0 12px;left:0}.app-top>.brand{display:flex}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{margin-left:0;padding:80px 8px 24px}.page-header{display:grid}.page-header .button-link,.page-header .button{width:100%}.filters{grid-template-columns:1fr}.filters .button{width:100%}.data-table-wrap{display:none}.case-grid,.user-list-grid{display:grid}.case-card,.detail-grid{grid-template-columns:1fr}.profile-grid .button{width:100%}.pagination .button{min-width:44px;padding:10px}.legal{padding:16px}body{overflow-x:hidden}.header-inner{gap:8px;height:56px;padding:0 12px}.public-header .brand{font-size:16px}.public-header .brand>span,.app-top .brand>span{border-radius:9px;width:32px;height:32px}.public-header .menu-button{order:2;margin-left:auto;display:grid}.public-header .brand{order:1}.public-nav{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:none;position:absolute;top:56px;left:12px;right:12px;box-shadow:0 12px 28px #143a271c}.public-nav.open{display:flex}.public-nav a{align-items:center;min-height:44px;padding:0 12px;display:flex}.public-main{width:calc(100% - 32px);margin:16px auto 32px}.hero{border-radius:16px;padding:20px 16px}.hero h1{font-size:28px}.hero p{line-height:1.65}.button-row{flex-direction:column;gap:8px}.button-row .button,.button-row .button-link{width:100%}.card-grid,.mechanism-grid,.reasons-grid,.steps-grid{grid-template-columns:1fr;gap:12px}.reward{grid-template-columns:1fr;gap:12px;padding:20px 16px}.section{margin-top:20px}.section h2{margin-bottom:12px}.app-shell .app-top{gap:8px;height:56px;padding:0 12px}.app-shell .app-top>.brand{font-size:16px}.app-shell .user-chip{display:none}.app-shell .app-main{padding:72px 12px 24px}.app-shell .page-heading h1{font-size:24px}.app-shell .filters{grid-template-columns:1fr;gap:10px;padding:12px}.app-shell .filters .button{width:100%}.app-shell .case-list{gap:12px}.app-shell .case-card{padding:16px}.app-shell .case-card-head{align-items:flex-start;gap:8px}.app-shell .case-card h2{font-size:17px;line-height:1.45}.app-shell .case-card .detail-button{width:auto;min-width:112px}.toast{max-width:none;bottom:16px;left:16px;right:16px}.demo-login-actions{grid-template-columns:1fr}.demo-login-actions>p{grid-column:auto}.public-main>.section{margin-top:22px}.public-main>.section>h2{margin:0 0 12px;font-size:clamp(26px,7vw,30px);line-height:1.35}.public-main>.section>p{margin:0 0 14px;font-size:14px;line-height:1.7}.public-main .hero small{margin-top:14px;font-size:12px;line-height:1.6;display:block}.public-main .hero .button-row{margin-top:16px}.public-main .mechanism-grid .card{grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.public-main .mechanism-grid .card:before{content:"✓";width:28px;height:28px;color:var(--green);background:#dff5e8;border-radius:50%;place-items:center;font-weight:900;display:grid}.public-main .reward{margin-top:24px;padding:20px 16px}.public-main .reward h2{margin:4px 0 8px;font-size:22px;line-height:1.4}.public-main .reward-rate{justify-self:center;font-size:48px;line-height:1}.public-main .reward ul{font-size:13px;line-height:1.7}.public-main .card-grid:not(.mechanism-grid) .card{padding:16px}.public-main .card-grid:not(.mechanism-grid) .card h3{margin:8px 0 4px;font-size:18px}.public-main .card-grid:not(.mechanism-grid) .card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.public-main .steps-grid .step{grid-template-columns:36px 1fr;gap:12px;padding:14px 16px;display:grid}.public-main .steps-grid .step>b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.public-main .cta{border-radius:16px;margin-top:24px;padding:24px 16px}.public-main .cta h2{font-size:24px;line-height:1.4}.public-main .cta p{font-size:14px;line-height:1.7}.public-main .cta .button-link{width:100%}.public-main>.section>p{max-height:4.8em;overflow:hidden}.public-main>.section#examples>p,.public-main>.section[aria-labelledby=flow-heading]>p,.public-main>.section[aria-labelledby=reasons-heading]>p,.public-main .privacy-note{display:none}.public-main #examples .card,.public-main .steps-grid .card,.public-main .reasons-grid .card{border-radius:12px;box-shadow:0 4px 14px #143a270d}.public-main #examples .badge{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;display:inline-flex}.public-main #examples .card h3{margin-top:8px}}@media (min-width:768px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}.chat-card{margin-top:1rem}.chat-list{overflow-wrap:anywhere;scroll-behavior:smooth;background:#f8fafc;border-radius:14px;max-height:420px;margin-top:1rem;padding:1rem;overflow-y:auto}.chat-row{justify-content:flex-start;margin:.65rem 0;display:flex}.chat-row.mine{justify-content:flex-end}.chat-bubble{background:#fff;border-radius:16px;max-width:85%;padding:.75rem 1rem;box-shadow:0 1px 3px #0f172a1a}.chat-row.mine .chat-bubble{color:#fff;background:#047857}.chat-bubble p{white-space:pre-wrap;line-height:1.55}.chat-bubble time{opacity:.75;margin-top:.35rem;font-size:.72rem;display:block}.chat-form{align-items:flex-end;gap:.75rem;margin-top:1rem;display:flex}.chat-form .textarea{flex:1}.chat-form .button{flex:none;min-width:96px}@media (max-width:767px){.chat-form{flex-direction:column;align-items:stretch}.chat-bubble{max-width:92%}}.notification-area{margin-left:auto;position:relative}.notification-trigger{background:0 0;border:0;border-radius:50%;min-width:44px;min-height:44px;font-size:1.2rem;position:relative}.notification-trigger>span{color:#fff;background:#dc2626;border-radius:999px;min-width:20px;padding:2px 4px;font-size:.68rem;position:absolute;top:0;right:0}.notification-panel{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(380px,100vw - 24px);max-height:calc(100vh - 84px);position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a30}.notification-panel header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.notification-panel header button{min-width:44px;min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;font-size:.82rem;font-weight:800}.notification-heading h2{margin:0;font-size:1.1rem}.notification-heading small{color:var(--muted)}.notification-actions{gap:4px;display:flex}.notification-list{overscroll-behavior:contain;max-height:calc(100vh - 156px);overflow-y:auto}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:32px 16px}.notification-item{cursor:pointer;text-align:left;overflow-wrap:anywhere;background:#fff;border:0;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.25rem;width:100%;min-height:80px;padding:1rem;display:flex}.notification-item.unread{background:#ecfdf5}.notification-item-title{align-items:flex-start;gap:8px;display:flex}.unread-dot{background:var(--green);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:.45rem}.notification-item time{color:#64748b;font-size:.75rem}@media (max-width:767px){.user-search{display:grid}.user-search .button,.user-actions .button{width:100%}.notification-panel{width:auto;max-height:calc(100dvh - 80px);position:fixed;top:68px;left:12px;right:12px}.notification-list{max-height:calc(100dvh - 153px)}.notification-item{min-height:88px;padding:14px 12px}}.app-shell{--app-primary:#059669;--app-primary-dark:#065f46;color:#16372d;background:#f7faf8;min-height:100vh}.app-shell .app-top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-color:#dce9e2;height:64px;padding:0 32px;left:256px}.app-shell .sidebar{background:linear-gradient(#fff 0%,#f7fbf8 100%);border-color:#dce9e2;width:256px;padding:18px 16px 16px;box-shadow:4px 0 20px #164e6310}.app-shell .brand{color:#1e293b;letter-spacing:-.02em;gap:12px;font-size:18px}.app-shell .brand>span{background:linear-gradient(145deg,#10b981,#047857);border-radius:13px;width:40px;height:40px;font-size:15px;box-shadow:0 6px 14px #05966935}.app-shell .sidebar nav{gap:6px;margin-top:30px}.app-shell .sidebar nav a{color:#52665c;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-size:14px;transition:all .15s;display:flex;position:relative}.app-shell .sidebar nav a:before{color:#07845f;content:"•";text-align:center;background:#fff;border:1px solid #d9e9e0;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:17px;display:grid;box-shadow:0 1px 2px #0f172a0a}.app-shell .sidebar nav a[href=\/]:before{content:"⌂"}.app-shell .sidebar nav a[href^=\/cases]:before{content:"▣"}.app-shell .sidebar nav a[href=\/profile]:before{content:"○"}.app-shell .sidebar nav a[href="/admin/users"]:before{content:"♙"}.app-shell .sidebar nav a[href=\/settings]:before{content:"⚙"}.app-shell .sidebar nav a:hover,.app-shell .sidebar nav a.active{color:var(--app-primary-dark);background:linear-gradient(90deg,#e7f8ef,#f0fbf5)}.app-shell .sidebar nav a.active{box-shadow:inset 3px 0 #059669}.app-shell .sidebar nav a.active:before{color:#fff;background:#059669;border-color:#9dd8bd;box-shadow:0 4px 10px #05966930}.app-shell .sidebar-user{border-top:1px solid #dce9e2;gap:10px;padding-top:18px}.app-shell .sidebar-user b,.app-shell .sidebar-user small{text-overflow:ellipsis;white-space:nowrap;background:#edf9f2;padding-inline:12px;display:block;overflow:hidden}.app-shell .sidebar-user b{color:#064e3b;border-radius:12px 12px 0 0;padding-top:12px}.app-shell .sidebar-user small{color:#047857;border-radius:0 0 12px 12px;margin-top:-8px;padding-bottom:12px}.app-shell .sidebar-user>.button{color:#64748b;background:0 0;border-color:#0000;justify-content:flex-start;padding-inline:12px}.app-shell .sidebar-user>.button:before{content:"↪";font-size:17px}.app-shell .sidebar-user>.button:hover{color:#065f46;background:#edf9f2}.app-shell .user-chip{color:#1e293b;font-size:14px}.app-shell .user-chip small{color:var(--app-primary-dark);font-size:12px}.app-shell .app-main{width:auto;max-width:none;margin-left:256px;padding:88px 32px 40px}.app-shell .app-main>*{width:min(100%,1376px);margin-inline:auto}.app-shell .page-header,.app-shell .page-heading{margin-bottom:24px}.app-shell .page-header h1,.app-shell .page-heading h1{color:#1e293b;letter-spacing:-.025em;font-size:clamp(24px,3vw,30px)}.app-shell .page-header p,.app-shell .page-heading p{color:#64748b;margin:6px 0 0;line-height:1.65}.app-shell .case-detail-heading{align-items:flex-end}.app-shell .case-detail-heading>div:first-child{min-width:0}.app-shell .detail-status{border-radius:999px;margin-bottom:10px;padding:7px 14px;font-size:14px;font-weight:800;display:inline-flex}.app-shell .detail-status.status-received{color:#1d4ed8;background:#dbeafe}.app-shell .detail-status.status-developing{color:#92400e;background:#fef3c7}.app-shell .detail-status.status-payment{color:#6d28d9;background:#ede9fe}.app-shell .detail-status.status-paid{color:#166534;background:#dcfce7}.app-shell .detail-status.status-canceled{color:#b91c1c;background:#fee2e2}.app-shell .status-badge.status-received{color:#1d4ed8;background:#dbeafe}.app-shell .status-badge.status-developing{color:#92400e;background:#fef3c7}.app-shell .status-badge.status-payment{color:#6d28d9;background:#ede9fe}.app-shell .status-badge.status-paid{color:#166534;background:#dcfce7}.app-shell .status-badge.status-canceled{color:#b91c1c;background:#fee2e2}.app-shell .detail-actions{flex:none;align-items:center;gap:10px;display:flex}.app-shell .detail-actions .button{min-width:88px}.app-shell .button,.app-shell .button-link{background:var(--app-primary);min-height:44px;box-shadow:none;border-radius:6px;padding:10px 20px;font-size:14px}.app-shell .button.secondary{color:#1e293b;background:#fff;border-color:#cbded4}.app-shell .button.danger{color:#fff;background:#dc2626;border:1px solid #fecaca}.app-shell .button.danger:hover{background:#b91c1c}.app-shell .button.small{min-height:36px;padding:6px 12px}.app-shell .input{border-color:#cbded4;border-radius:6px;outline:none;min-height:44px;padding:10px 12px;font-size:14px}.app-shell .input:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #10b98126}.app-shell .card{border-color:#dce9e2;border-radius:14px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.app-shell .filters,.app-shell .user-search{background:#fff;border:1px solid #dce9e2;border-radius:14px;width:100%;max-width:none;padding:16px}.app-shell .case-table-wrap,.app-shell .user-table-wrap,.app-shell .case-grid,.app-shell .user-list-grid{width:100%;max-width:none}.app-shell .user-search{grid-template-columns:minmax(240px,1fr) auto;display:grid}.app-shell .data-table-wrap{border-color:#dce9e2;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.app-shell .data-table th,.app-shell .data-table td{border-color:#e7eee9;padding:14px 16px}.app-shell .data-table thead th{color:#64748b;background:#f8fbf9}.app-shell .status-badge,.app-shell .badge{color:#065f46;background:#ecfdf5;border-radius:999px;font-size:12px;font-weight:800}.app-shell .detail-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.app-shell .case-detail-grid{grid-template-columns:minmax(0,1fr)}.app-shell .case-detail-grid>.card:nth-child(2){order:-1}.app-shell .case-detail-grid>.card h2{color:#1e293b;margin:0 0 20px;font-size:18px}.app-shell .case-detail-grid>.card:first-child{grid-template-columns:minmax(0,1fr) 340px;gap:16px 32px;display:grid}.app-shell .case-detail-grid>.card:first-child h2{grid-column:1/-1}.app-shell .case-detail-grid>.card:first-child .preserve-lines{margin:0;line-height:1.8}.app-shell .case-detail-grid dl{background:#f8fbf9;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:12px 16px;margin:0;padding:18px;display:grid}.app-shell .case-detail-grid dt{color:#64748b;font-size:13px;font-weight:700}.app-shell .case-detail-grid dd{text-align:right;margin:0;font-weight:700}.app-shell .case-progress{margin:8px 0 0;padding:0 12px 8px;list-style:none;display:flex}.app-shell .case-progress li{color:#94a3b8;text-align:center;flex:1;place-items:center;gap:8px;font-size:12px;font-weight:700;display:grid;position:relative}.app-shell .case-progress li:before{z-index:0;content:"";background:#e2e8f0;width:100%;height:3px;position:absolute;top:17px;right:50%}.app-shell .case-progress li:first-child:before{display:none}.app-shell .case-progress li>span{z-index:1;color:#64748b;background:#e2e8f0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.app-shell .case-progress li>strong{font-size:12px}.app-shell .case-progress li>time{color:#94a3b8;min-height:1.4em;font-size:11px;font-weight:500}.app-shell .case-progress li.complete,.app-shell .case-progress li.current{color:#065f46}.app-shell .case-progress li.complete:before,.app-shell .case-progress li.current:before{background:#10b981}.app-shell .case-progress li.complete>span,.app-shell .case-progress li.current>span{color:#fff;background:#059669}.app-shell .case-progress li.current>span{box-shadow:0 0 0 5px #d1fae5}.app-shell .admin-actions{grid-template-columns:auto minmax(220px,1fr) auto minmax(320px,1.4fr);align-items:end;gap:12px;display:grid}.app-shell .current-status{color:#52665c;background:#f1f5f3;border-radius:6px;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.app-shell .admin-actions form{grid-template-columns:minmax(160px,1fr) auto;gap:10px;display:grid}.app-shell .admin-actions input[name=amount]{text-align:right}.app-shell .detail-grid+.card,.app-shell .chat-card,.app-shell .profile-grid,.app-shell .form-stack,.app-shell .page-heading+.card,.app-shell .page-header+.card,.app-shell .card+.card{margin-top:20px}.app-shell .form-stack,.app-shell .form-card{gap:20px}.app-shell .form-stack{width:min(100%,896px)}.app-shell .textarea{min-height:112px}.app-shell .chat-form .textarea{min-height:80px}.app-shell .pagination{justify-content:space-between;margin-top:20px}.app-shell .dialog{border-radius:14px;padding:24px;box-shadow:0 20px 50px #0f172a33}@media (max-width:1023px){.app-shell .app-top{padding:0 24px;left:0}.app-shell .sidebar{transform:translate(-100%)}.app-shell .sidebar.open{transform:translate(0)}.app-shell .app-main{margin-left:0;padding:88px 24px 32px}.app-shell .menu-button{display:grid}.app-shell .app-top>.brand{display:flex}.app-shell .detail-grid,.app-shell .case-detail-grid>.card:first-child{grid-template-columns:1fr}.app-shell .case-detail-grid>.card:first-child h2{grid-column:auto}.app-shell .admin-actions{grid-template-columns:1fr}}@media (max-width:767px){.app-shell .app-top{padding:0 12px}.app-shell .app-main{padding:76px 12px 24px}.app-shell .card{padding:16px}.app-shell .filters,.app-shell .user-search{padding:12px}.app-shell .user-search{grid-template-columns:1fr}.app-shell .pagination{text-align:center;flex-direction:column;align-items:stretch}.app-shell .pagination .button{width:100%}.app-shell .dialog{padding:16px}.app-shell .case-detail-heading{align-items:stretch}.app-shell .detail-actions{width:100%}.app-shell .detail-actions .button{flex:1}.app-shell .case-progress{gap:0;padding:0;display:grid}.app-shell .case-progress li{text-align:left;grid-template-columns:36px 1fr;justify-items:start;min-height:58px}.app-shell .case-progress li>span{grid-row:1/3}.app-shell .case-progress li>strong,.app-shell .case-progress li>time{grid-column:2}.app-shell .case-progress li:before{width:3px;height:44px;top:-22px;left:17px;right:auto}.app-shell .admin-actions form{grid-template-columns:1fr}.app-shell .admin-actions .button{width:100%}}
