:root{--blue-800:#1e3a8a;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--ink-900:#0f172a;--ink-800:#1e293b;--ink-700:#334155;--ink-600:#475569;--ink-500:#64748b;--ink-400:#94a3b8;--ink-300:#cbd5e1;--ink-200:#e2e8f0;--ink-100:#f1f5f9;--ink-50:#f8fafc;--white:#fff;--green-600:#16a34a;--green-50:#ecfdf5;--amber-600:#b45309;--amber-50:#fffbeb;--red-600:#dc2626;--red-50:#fef2f2;--radius:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 8px 24px -12px rgba(15,23,42,.25);--shadow-lg:-12px 0 40px -16px rgba(15,23,42,.3);--font:"Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ink-50);color:var(--ink-800);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.appbar{background:#fff;border-bottom:1px solid var(--ink-200);position:sticky;top:0;z-index:40}.appbar-inner{justify-content:space-between;margin:0 auto;max-width:1320px;padding:12px 28px}.appbar-inner,.brand{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));border-radius:10px;box-shadow:0 4px 10px -3px rgba(37,99,235,.5);color:#fff;display:grid;font-size:17px;font-weight:700;height:38px;place-items:center;width:38px}.brand-name{color:var(--ink-900);font-size:16px;font-weight:700}.brand-sub{color:var(--ink-400);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.appbar-right{align-items:center;display:flex;gap:18px}.appbar-link{color:var(--ink-500);font-size:13px;font-weight:500;transition:.15s}.appbar-link:hover{color:var(--blue-600)}.appbar-btn{align-items:center;background:var(--blue-600);border-radius:9px;box-shadow:0 2px 6px -2px rgba(37,99,235,.5);color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 15px;transition:.15s}.appbar-btn:hover{background:var(--blue-700)}.appbar-btn svg{flex-shrink:0}.user-chip{align-items:center;background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-pill);display:flex;gap:10px;padding:5px 14px 5px 6px}.user-chip .avatar{background:var(--blue-100);background-position:50%;background-size:cover;border-radius:50%;color:var(--blue-700);display:grid;font-size:13px;font-weight:700;height:32px;place-items:center;width:32px}.u-name{color:var(--ink-800);font-size:13px;font-weight:600;line-height:1.2}.u-role{color:var(--ink-400);font-size:11px;line-height:1.3}.app{margin:0 auto;max-width:1320px;padding:28px}.page-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.ph-title{color:var(--ink-900);font-size:22px;font-weight:700;margin:0 0 4px;padding-left:14px;position:relative}.ph-title:before{background:var(--blue-600);border-radius:3px;bottom:4px;content:"";left:0;position:absolute;top:4px;width:4px}.ph-sub{color:var(--ink-500);font-size:13.5px;margin:0}.kpis{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:16px 18px;text-align:left;transition:.15s}.kpi:hover{border-color:var(--blue-400);box-shadow:var(--shadow-sm)}.kpi.is-on{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.kpi-label{color:var(--ink-500);font-size:12px;font-weight:600}.kpi-value{color:var(--ink-900);font-size:28px;font-weight:700;line-height:1}.kpi-alert .kpi-value{color:var(--amber-600)}.panel{background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-toolbar{align-items:center;border-bottom:1px solid var(--ink-100);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 18px}.tabs{background:var(--ink-100);border-radius:10px;display:flex;gap:2px;padding:3px}.tab{background:transparent;border:none;border-radius:8px;color:var(--ink-500);font-size:13px;font-weight:600;padding:7px 16px;transition:.15s}.tab:hover{color:var(--ink-800)}.tab.is-on{background:#fff;box-shadow:var(--shadow-sm);color:var(--blue-700)}.filters{flex-wrap:wrap;gap:10px}.filters,.search{align-items:center;display:flex}.search{background:#fff;border:1px solid var(--ink-200);border-radius:9px;gap:8px;padding:0 12px;transition:.15s}.search:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.search svg{color:var(--ink-400);flex-shrink:0}.search input{background:transparent;border:none;color:var(--ink-800);font-family:inherit;font-size:13px;outline:none;padding:9px 0;width:220px}.search input::placeholder{color:var(--ink-400)}.sel{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2364748b' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--ink-200);border-radius:9px;color:var(--ink-700);font-family:inherit;font-size:13px;padding:9px 30px 9px 12px;transition:.15s}.sel:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100);outline:none}.table-wrap{overflow-x:auto}table.crm{border-collapse:collapse;min-width:980px;width:100%}table.crm thead th{background:var(--ink-50);border-bottom:1px solid var(--ink-200);color:var(--ink-500);font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;user-select:none;white-space:nowrap;z-index:1}table.crm th.num{text-align:right}th.sortable{cursor:pointer;transition:color .15s}th.sortable:hover{color:var(--blue-600)}th.sortable:after{color:var(--ink-300);content:"\2195";font-size:10px;margin-left:5px}th.sorted-asc:after{color:var(--blue-600);content:"\2191"}th.sorted-desc:after{color:var(--blue-600);content:"\2193"}table.crm tbody td{border-bottom:1px solid var(--ink-100);color:var(--ink-700);font-size:13.5px;padding:13px 16px;vertical-align:middle}table.crm tbody tr{cursor:pointer;transition:background .12s}table.crm tbody tr:hover{background:var(--blue-50)}table.crm tbody tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums;text-align:right}.t-theme{color:var(--ink-900);font-weight:600}.t-theme:hover{color:var(--blue-700)}.t-client,.t-date{color:var(--ink-700)}.t-date{font-variant-numeric:tabular-nums;white-space:nowrap}.t-date .sub{color:var(--ink-400);display:block;font-size:11px}.t-fee{color:var(--ink-900);font-weight:600}.col-status{width:104px}.col-date{width:118px}.col-fmt{width:92px}.col-num{width:72px}.col-fee{width:108px}.col-deal{width:120px}.col-act{width:64px}.badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px;white-space:nowrap}.badge .dot{border-radius:50%;height:7px;width:7px}.badge.pending{background:var(--ink-100);color:var(--ink-600)}.badge.pending .dot{background:var(--ink-400)}.badge.confirmed{background:var(--blue-50);color:var(--blue-700)}.badge.confirmed .dot{background:var(--blue-500)}.badge.prep{background:var(--amber-50);color:var(--amber-600)}.badge.prep .dot{background:#f59e0b}.badge.done{background:var(--green-50);color:var(--green-600)}.badge.done .dot{background:var(--green-600)}.badge.cancel{background:var(--red-50);color:var(--red-600)}.badge.cancel .dot{background:var(--red-600)}.deal-badge{background:var(--ink-100);border-radius:6px;color:var(--ink-600);display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;white-space:nowrap}.fmt-tag{color:var(--ink-600);font-size:12.5px}.row-act{align-items:center;background:#fff;border:1px solid var(--ink-200);border-radius:8px;color:var(--ink-500);display:inline-flex;height:30px;justify-content:center;transition:.15s;width:30px}table.crm tbody tr:hover .row-act{border-color:var(--blue-400);color:var(--blue-600)}.loading-cell{color:var(--ink-400);padding:48px 0!important;text-align:center}.loading-cell .spinner{display:inline-block;margin-right:10px;vertical-align:middle}.spinner{animation:spin .8s linear infinite;border:3px solid var(--ink-200);border-radius:50%;border-top-color:var(--blue-600);height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.empty-cell{color:var(--ink-500);padding:56px 20px!important;text-align:center}.empty-cell .ic{display:block;font-size:30px;margin-bottom:8px}.table-foot{border-top:1px solid var(--ink-100);color:var(--ink-500);font-size:12.5px;padding:12px 18px}.appfoot{background:#fff;border-top:1px solid var(--ink-200);margin-top:36px}.appfoot-inner{color:var(--ink-400);display:flex;font-size:12px;justify-content:space-between;margin:0 auto;max-width:1320px;padding:18px 28px}.drawer-overlay{backdrop-filter:blur(2px);background:rgba(15,23,42,.45);display:none;inset:0;position:fixed;z-index:90}.drawer-overlay.active{display:block}.drawer-panel{background:#fff;box-shadow:var(--shadow-lg);height:100%;max-width:92vw;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);width:480px}.drawer-overlay.active .drawer-panel{transform:translateX(0)}.dw-head{background:#fff;border-bottom:1px solid var(--ink-100);padding:22px 24px;position:sticky;top:0;z-index:1}.dw-eyebrow{color:var(--blue-600);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.dw-title{color:var(--ink-900);font-size:19px;font-weight:700;line-height:1.4;margin:0;padding-right:40px}.dw-client{color:var(--ink-600);font-size:13.5px;margin-top:6px}.dw-close{background:var(--ink-100);border:none;border-radius:9px;color:var(--ink-500);display:grid;font-size:20px;height:34px;place-items:center;position:absolute;right:20px;top:20px;transition:.15s;width:34px}.dw-close:hover{background:var(--ink-200);color:var(--ink-800)}.dw-body{padding:22px 24px}.dw-statusline{align-items:center;display:flex;gap:10px;margin-bottom:22px}.dw-section{margin-bottom:24px}.dw-section h3{border-bottom:1px solid var(--ink-100);color:var(--ink-500);font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.dw-grid{display:grid;gap:16px 20px;grid-template-columns:1fr 1fr}.dw-item{display:flex;flex-direction:column;gap:3px}.dw-item.full{grid-column:1/-1}.dw-label{color:var(--ink-400);font-size:11px;font-weight:600}.dw-value{color:var(--ink-900);font-size:14px;font-weight:600}.dw-note{color:var(--ink-700);font-size:13.5px;font-weight:400;line-height:1.7}@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.panel-toolbar{align-items:stretch}.search input{width:160px}}