@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-v20-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-family:InvoiceNumbers;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-v20-latin-500.woff2) format("woff2");unicode-range:U+0030-0039,U+002C,U+002E,U+00A5,U+0024}:root,input,select,textarea{font-family:InvoiceNumbers,Inter,Helvetica Neue,Helvetica,Hiragino Sans,Arial,Yu Gothic,Meiryo,sans-serif;color:#121418;transition:letter-spacing .2s ease-out;--sidebar-bg: #0f1115;--sidebar-muted: #1f232a;--sidebar-border: rgba(255, 255, 255, .08);--accent: #df3b3d;--accent-dark: #bb2d2f;--text-muted: #7a7f8d;--surface: #ffffff;--surface-muted: #eeeeee;--surface-dark: #dddddd;--stroke: #e4e6ed;--shadow-soft: 0 18px 30px rgba(15, 17, 21, .08)}*{box-sizing:border-box;letter-spacing:.05rem}body{margin:0;background:#f4f5f7;min-height:100vh;color:#121418;overflow-y:scroll}.app-shell{width:100%;display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--surface-muted);min-width:1500px}.sidebar-host{min-height:100vh}.sidebar{padding:32px 24px;border-right:1px solid var(--sidebar-border);background:linear-gradient(180deg,#20273c,#0d0e12 65%);display:flex;flex-direction:column;gap:32px;color:#f6f7fb;width:260px;min-height:100vh}.sidebar h1{font-size:1.3rem;margin:0}.sidebar .sidebar-sub{margin:4px 0 0;color:#fff9;font-size:1rem}.nav-group{display:flex;flex-direction:column;gap:20px}.nav-group .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.nav-group .nav-list .nav-item a{text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:0;border-left:4px solid transparent;font-weight:600;color:#ffffffbf;transition:background .15s ease,color .15s ease}.nav-group .nav-list .nav-item.active a{background:#ffffff0d;color:var(--accent);border-left:4px solid var(--accent)}.nav-group .nav-list .nav-item a:hover{background:#ffffff0f;color:var(--accent)}.nav-group .nav-list .nav-item.nav-item--has-children{display:flex;flex-direction:column;gap:6px}.nav-group .nav-list .nav-item.nav-item--has-children>label{border-left:4px solid transparent;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:0;font-weight:600;color:#fffc;cursor:default;transition:background .15s ease,color .15s ease}.nav-group .nav-list .nav-item.nav-item--has-children>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-group .nav-list .nav-item.nav-item--has-children>ul a{text-decoration:none;padding:6px 10px 6px 54px;border-radius:0;border-left:0;color:#ffffffb3;font-size:.85rem}.nav-group .nav-list .nav-item.nav-item--has-children>ul a:hover{background:#df3b3d2e;color:#fff}.nav-group .nav-list .nav-item.nav-item--has-children:has(.nav-item.active)>label{color:var(--accent);border-left:4px solid var(--accent);background:#ffffff0d}.nav-group .nav-list .nav-item.nav-item--has-children .nav-sublist .nav-item.active a{color:var(--accent);border-left:0;background:none}.nav-icon{display:inline-flex;width:18px;height:18px;color:currentColor}.nav-icon svg{width:18px;height:18px}.nav-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--sidebar-border);padding-bottom:16px}.nav-footer button{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-left:4px solid transparent;background:none;font-weight:600;color:#ffffffbf;cursor:pointer;width:100%;font-size:inherit;transition:background .15s ease,color .15s ease}.nav-footer button:hover{background:#ffffff0f;color:var(--accent)}.app-shell>main{padding:32px;display:flex;flex-direction:column;gap:24px;background:var(--surface-muted);min-width:1240px}.app-shell>main header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.app-shell>main>div[wire\:snapshot]{display:flex;flex-direction:column;gap:24px}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{margin:0;font-size:1.8rem}.brand span{color:var(--text-muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.global-filters{display:flex;gap:10px;align-items:center}.global-filters select{border-radius:10px;border:1px solid var(--stroke);padding:8px 12px;font-size:1rem;background:#fff}select,button,.chip{border-radius:12px;border:1px solid var(--stroke);padding:10px 14px;background:#fff}a,button{transition:background-color .5s ease}.button-link-as-button{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;background:var(--accent);color:#fff;text-decoration:none;align-self:flex-start;width:auto}.button-link-as-button:hover{background:var(--accent-dark)}.button-with-icon{display:inline-flex;align-items:center;gap:8px}.button-with-icon .button-icon{width:18px;height:18px}button.primary{border:none;background:var(--accent);color:#fff;cursor:pointer}button.primary:active{transform:translateY(1px)}button.primary:hover{background:var(--accent-dark)}.chip{border:none;background:#df3b3d26;color:var(--accent);font-weight:600}.grid{display:grid;gap:16px}.grid.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--surface);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}.card h2{margin:0;font-size:1.1rem}.card .kpi-value{font-size:2.1rem;font-weight:600;text-align:right}.progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.progress-list .progress-item{padding:16px;border-radius:16px;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:10px}.progress-list .progress-item .progress-meta{display:flex;justify-content:space-between;font-size:1rem;font-weight:600}.progress-list .progress-item .progress-meta span{display:flex;align-items:center}.progress-list .progress-item .progress-meta span span{padding-left:6px;font-size:.7rem}.progress-list .progress-item .progress-counts{display:flex;gap:12px;font-size:.85rem}.progress-list .progress-item .progress-counts span{background:var(--surface-muted);padding:4px 8px;border-radius:8px;color:#4b4f6d}.progress-list .progress-item .progress-footer{display:flex;justify-content:space-between;align-items:flex-start;font-size:.85rem;color:#7b80a0;gap:12px;padding-top:8px}.progress-list .progress-item .progress-footer .footer-left,.progress-list .progress-item .progress-footer .footer-right{display:flex;align-items:center}.progress-list .progress-item .progress-footer .footer-left a,.progress-list .progress-item .progress-footer .footer-right a{color:var(--surface);text-decoration:none;border-radius:10px;padding:6px 12px;background:var(--accent);transition:background .15s ease}.progress-list .progress-item .progress-footer .footer-left a:hover,.progress-list .progress-item .progress-footer .footer-right a:hover{background:var(--accent-dark)}.progress-list .progress-item .progress-footer .footer-left a.link-with-icon,.progress-list .progress-item .progress-footer .footer-right a.link-with-icon{display:inline-flex;align-items:center;gap:6px}.progress-list .progress-item .progress-footer .footer-left a.link-with-icon .icon-link,.progress-list .progress-item .progress-footer .footer-right a.link-with-icon .icon-link{width:16px;height:16px}.progress-list .progress-item .progress-footer .footer-left button,.progress-list .progress-item .progress-footer .footer-right button{border:none;border-radius:10px;padding:6px 12px;background:var(--accent);font-size:.85rem;color:var(--surface);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.progress-list .progress-item .progress-footer .footer-left button .icon-button__icon,.progress-list .progress-item .progress-footer .footer-right button .icon-button__icon{width:16px;height:16px}.progress-list .progress-item .progress-footer .footer-left button:hover,.progress-list .progress-item .progress-footer .footer-right button:hover{background:var(--accent-dark)}.timeline{display:flex;flex-direction:column;gap:18px}.timeline .timeline-step{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.timeline .timeline-step .timeline-dot{width:16px;height:16px;border-radius:50%;background:#cdd3ff;position:relative}.timeline .timeline-step .timeline-dot:after{content:"";position:absolute;width:2px;height:36px;background:#e0e4ff;left:50%;transform:translate(-50%);top:18px}.timeline .timeline-step:last-child .timeline-dot:after{display:none}.timeline .timeline-step.active .timeline-dot{background:var(--accent);box-shadow:0 0 0 6px #4b63ff33}.timeline .timeline-step .label{font-weight:600}.timeline .timeline-step .status{color:#7b80a0;font-size:.85rem}.actions-card{display:flex;flex-direction:column;gap:12px}.actions-card .action-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.actions-card .action-row .closing-checklist{list-style:none;padding:8px 0 0;margin:0;display:flex;flex-direction:column;gap:6px}.actions-card .action-row .closing-checklist li{display:flex;align-items:center;gap:8px;color:#3f4253}.actions-card .action-row .status-pill{border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.actions-card .action-row .status-pill.success{background:#08a05a2e;color:#0f6b3e}.actions-card .action-row .status-pill.warning{background:#df3b3d1f;color:var(--accent)}.actions-card .action-row .status-pill.pending{background:#6d758d33;color:#3c4251}.actions-card .action-row .action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:1rem;color:var(--text-muted)}.history span{display:block;color:var(--text-muted);font-size:.85rem}.layout-two{width:100%}.filter-bar{background:var(--surface);border-radius:12px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.filter-bar label{display:flex;flex-direction:column;font-size:.85rem;color:#7c81a7;gap:4px}.filter-bar select,.filter-bar input{border:1px solid var(--stroke);border-radius:12px;padding:8px 12px;font-size:1rem;height:40px;background:#fff}.filter-bar .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.filter-bar .actions button{border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}.filter-bar .actions button.secondary{background:var(--surface-muted);color:#2f3240}.filter-bar .actions button.secondary:hover{background:var(--surface-dark)}.filter-bar .actions button.primary{background:var(--accent);color:#fff}.filter-bar .actions button.primary:hover{background:var(--accent-dark)}.vendor-filters label{min-width:180px}.table-card{background:var(--surface);border-radius:12px;padding:0;overflow:hidden}.table-card table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:.85rem}.table-card table thead{background:var(--sidebar-muted);color:var(--surface-muted)}.table-card table th,.table-card table td{padding:8px 10px;border-bottom:1px solid var(--stroke);font-weight:400;text-align:center;vertical-align:middle}.table-card table tbody tr:hover{background:#fafaff}.table-card table .align-center{text-align:center}.table-card table .align-left{text-align:left}.table-card table .align-right{text-align:right}.table-card table .vendor-cell{text-align:left;padding:0;height:100%}.table-card table .vendor-cell .vendor-link{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:100%;color:inherit;text-decoration:none;box-sizing:border-box;padding:8px 10px;border-radius:10px;transition:background-color .15s ease}.table-card table .vendor-cell .vendor-link:hover{background-color:var(--surface-muted)}.table-card table .vendor-cell .vendor-name{display:block}.table-card table .vendor-cell .vendor-shop{display:block;font-size:.625rem;color:var(--text-muted)}.table-card table input[type=number],.table-card table input[type=text]{width:100%;padding:8px 10px;border:1px solid var(--stroke);border-radius:10px;background:#fff;font-size:1rem;font-variant-numeric:tabular-nums;text-align:left;appearance:textfield}.table-card table input[type=number]{text-align:right}.table-card table input[type=number]::-webkit-outer-spin-button,.table-card table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.table-card table input[readonly]{background:var(--surface-muted);border-color:var(--stroke);color:#55596f;cursor:not-allowed}.table-card .status-badge{border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.table-card .status-badge.status-review{background:#df3b3d1f;color:#c73a59}.table-card .status-badge.status-ready{background:#e8fff3;color:#2f9760}.table-card .editable{border:1px solid #d3d7f4;border-radius:8px;padding:6px 8px;width:90px}.table-card .table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--surface)}.table-card .table-footer button{border:none;border-radius:12px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.alert{padding:10px 14px;border-radius:12px;font-size:.85rem;margin-bottom:16px}.alert--success{background:#08a05a2e;color:#0f6b3e}.alert--error{background:#df3b3d1f;color:var(--accent)}.status-badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.status-badge.status-success{background:#08a05a2e;color:#0f6b3e}.status-badge.status-warning{background:#df3b3d1f;color:#c73a59}.status-badge.status-pending{background:#6d758d33;color:#3c4251}.item-context{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.item-context .context-info h2{margin:0 0 6px;font-size:1.4rem}.item-context .context-info ul{list-style:none;padding:0;margin:0;display:flex;gap:14px;flex-wrap:wrap;color:#5a5f7d}.item-context .context-status{display:flex;flex-direction:column;gap:10px}.item-context .context-status .status-tags{display:flex;flex-wrap:wrap;gap:8px}.item-context .context-status button{align-self:flex-end;border:1px solid var(--stroke);border-radius:10px;padding:8px 12px;background:var(--surface-muted);color:#2a2d36;cursor:pointer}.item-summary-grid .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.item-summary-grid .summary-card{border:1px solid var(--stroke);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.item-summary-grid .summary-card .kpi-label{font-size:.85rem;color:#7c81a7;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.item-summary-grid .summary-card .kpi-value{font-size:1.8rem;font-weight:600}.item-summary-grid .summary-card p{margin:0;color:#5f6489;font-size:.85rem}.api-items-card .api-item-list{display:flex;flex-direction:column;gap:12px}.api-items-card .api-item{border:1px solid var(--stroke);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.api-items-card .api-item header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.api-items-card .api-item header strong{font-size:1rem}.api-items-card .api-item dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0}.api-items-card .api-item dl div{background:var(--surface-muted);border-radius:10px;padding:8px 10px}.api-items-card .api-item dl div dt{font-size:.85rem;color:#7c81a7}.api-items-card .api-item dl div dd{margin:0;font-weight:600}.api-items-card .api-item footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.api-items-card .toggle{display:flex;align-items:center;gap:6px;font-weight:600}.api-items-card .toggle input{width:16px;height:16px}.manual-entry-card .manual-form{display:flex;flex-direction:column;gap:16px}.manual-entry-card .manual-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.manual-entry-card .manual-actions button{border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}.manual-entry-card .manual-actions button.secondary{background:var(--surface-muted);color:#2a2d36}.manual-entry-card .manual-actions button.primary{background:linear-gradient(120deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 12px 24px #4b63ff40}.notes-card .notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.notes-card .notes-list li{border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.notes-card .note-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#6a7098}.vendor-profile-card .vendor-profile{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.vendor-profile-card .profile-info{flex:1 1 320px;display:flex;flex-direction:column;gap:12px}.vendor-profile-card .vendor-title{width:100%;display:block;margin-bottom:8px}.vendor-profile-card .vendor-title h2{margin:0;font-size:1.6rem}.vendor-profile-card .vendor-title .vendor-code{font-size:.85rem;color:#7a7f9f}.vendor-profile-card .vendor-meta{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.vendor-profile-card .vendor-meta .chip{padding:6px 10px;font-size:.85rem;font-weight:400;display:flex;align-items:center}.vendor-profile-card .vendor-meta .chip.pf-chip,.vendor-profile-card .vendor-meta .chip.plan-chip{background:var(--sidebar-muted);color:#fff}.vendor-profile-card .vendor-meta .chip.status-chip{background:#08a05a;color:#0f6b3e}.vendor-profile-card .vendor-summary-table{width:100%;border-collapse:collapse}.vendor-profile-card .vendor-summary-table th{width:120px;font-size:.85rem;color:#7a7f9f;display:block;margin-bottom:4px}.vendor-profile-card .vendor-summary-table td{font-weight:500;color:#34395c;display:block;padding:8px 10px 12px 0}.vendor-profile-card .vendor-summary-table td input,.vendor-profile-card .vendor-summary-table td textarea{width:100%;padding:8px 10px;border:1px solid var(--stroke);border-radius:10px;background:#fff;font-size:1rem;font-variant-numeric:tabular-nums}.vendor-profile-card .vendor-summary-table td textarea{resize:vertical}.vendor-profile-card .vendor-summary-table td .suffix-note{display:block;margin-top:4px;font-size:.85rem;color:var(--text-muted)}.vendor-profile-card .profile-form{display:flex;flex-direction:column;gap:12px}.vendor-profile-card .profile-form .form-grid{display:grid;grid-template-columns:1fr;gap:12px}.vendor-profile-card .profile-form label{display:flex;flex-direction:column;gap:6px;font-size:1rem;color:var(--text-muted)}.vendor-profile-card .profile-form label.static-field{flex-direction:column;align-items:flex-start;gap:6px}.vendor-profile-card .profile-form label.static-field .static-value{display:block;width:100%;border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#f6f7fa;color:#121418;font-variant-numeric:tabular-nums}.vendor-profile-card .profile-form input,.vendor-profile-card .profile-form textarea{width:100%;padding:8px 10px;border:1px solid var(--stroke);border-radius:10px;background:#fff;font-size:1rem;font-variant-numeric:tabular-nums}.vendor-profile-card .profile-form textarea{resize:vertical}.vendor-profile-card .profile-form .full-width{grid-column:1/-1}.vendor-profile-card .profile-form .suffix-note{display:block;margin-top:4px;font-size:.85rem;color:var(--text-muted)}.vendor-profile-card .profile-form .input-with-suffix{display:flex;align-items:center;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;background:#fff}.vendor-profile-card .profile-form .input-with-suffix input{border:none;border-radius:0;padding:8px 10px}.vendor-profile-card .profile-form .input-with-suffix .suffix-tag{padding:8px 12px;background:#f6f7fa;color:#34395c;border-left:1px solid var(--stroke);white-space:nowrap}.vendor-profile-card .profile-columns{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.vendor-profile-card .profile-columns .profile-column{min-width:0;display:flex;flex-direction:column;gap:12px}.vendor-profile-card .profile-columns .profile-column h3{margin:0;font-size:1rem;color:#2a2d36}.vendor-profile-card .profile-columns .profile-column button{align-self:flex-start;border:none;border-radius:12px;padding:8px 16px;background:var(--surface-muted);color:#2a2d36;cursor:pointer;margin-top:auto}.vendor-profile-card .profile-columns .profile-column button.primary{background:var(--accent);color:#fff}.vendor-profile-card .profile-columns .profile-column button.primary:hover{background:var(--accent-dark)}.vendor-profile-card .profile-footer{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.vendor-profile-card .profile-footer button{border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}.vendor-profile-card .profile-footer button.secondary{background:var(--surface-muted);color:#2a2d36}.vendor-profile-card .profile-footer button.primary{background:var(--accent);color:#fff}.vendor-profile-card .profile-footer button.primary:hover{background:var(--accent-dark)}.vendor-kpi-grid .vendor-kpi-card p{margin:0;color:#7b80a0;font-size:1rem}.vendor-kpi-grid .vendor-kpi-card .kpi-label{font-size:.85rem;color:#7a7f9f;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.vendor-overview{display:flex;flex-direction:column;gap:16px}.invoice-summary-edit{margin-bottom:2rem}.summary-table-wrapper{overflow-x:auto;margin:1.5rem 0}.summary-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a}.summary-table th{background:#f8f9fa;padding:1rem;text-align:center;font-weight:600;border:1px solid #dee2e6}.summary-table th.total-column{background:#e3f2fd;font-size:1.1rem}.summary-table td{padding:1.25rem;text-align:center;border:1px solid #dee2e6;font-size:1.5rem;font-weight:600}.summary-table td.total-amount{color:#1976d2;font-size:2rem}.category-breakdown-summary summary{cursor:pointer;font-weight:600;padding:.5rem;color:#495057}.category-breakdown-summary summary:hover{color:#007bff}.category-breakdown-summary[open] summary{margin-bottom:1rem}.vendor-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.vendor-kpi-grid .vendor-kpi-card{border:1px solid var(--stroke);box-shadow:none}.vendor-kpi-grid .total-card{background:var(--surface-muted);border-color:#d4d9ff}.section-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.section-heading h2{margin:0}.section-heading span{color:#8388a8;font-size:.85rem}.category-breakdown{gap:16px}.category-breakdown .category-editor{display:flex;flex-direction:column;gap:18px}.category-breakdown .form-actions{display:flex;justify-content:space-between;margin:12px 0}.category-breakdown .form-actions button{border:none;border-radius:12px;padding:10px 20px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer}.category-breakdown .form-actions button:hover{background:var(--accent-dark)}.category-breakdown .category-block{border:1px solid var(--stroke);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.category-breakdown .category-block+.category-block{margin-top:12px}.category-breakdown .category-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.category-breakdown .category-head strong{font-size:1.1rem}.category-breakdown .category-head span{color:#7a7f9f;font-size:1rem}.category-breakdown .category-form{display:flex;flex-direction:column;gap:16px}.category-breakdown .line-items{display:flex;flex-direction:column;gap:12px}.category-breakdown .line-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.category-breakdown .line-item label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#7a7f9f}.category-breakdown .line-item input{border:1px solid var(--stroke);border-radius:10px;padding:8px 12px;font-size:1rem;background:#fff}.category-breakdown .line-item input[readonly]{background:var(--surface-muted);border-color:var(--stroke);color:#55596f;cursor:not-allowed}.category-breakdown .line-item--section{display:flex;flex-direction:column;gap:8px}.category-breakdown .line-item--section .section-inline-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.category-breakdown .line-item--section .section-inline-field{display:flex;align-items:stretch;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;background:#fff}.category-breakdown .line-item--section .section-inline-field .inline-label{padding:10px 12px;background:#f6f7fa;color:#7a7f9f;border-right:1px solid var(--stroke);white-space:nowrap;font-size:.85rem}.category-breakdown .line-item--section .section-row-input{flex:1;min-width:0;border:none;border-radius:0;padding:10px 12px;font-size:1rem;background:#fff}.category-breakdown .line-item--section .section-row-input:focus{outline:none}.category-breakdown .line-item--section .section-remove-button{border:none;border-left:1px solid var(--stroke);background:#fff;color:#94a3b8;width:40px;padding:0;font-size:18px;line-height:1;cursor:pointer;transition:color .2s,background-color .2s}.category-breakdown .line-item--section .section-remove-button:hover{background:#fff1f2;color:#dc2626}.category-breakdown .line-item--section .channel-quick-picks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-size:12px}.category-breakdown .line-item--section .channel-quick-picks .channel-chip{border:1px solid var(--stroke);border-radius:999px;background:#fff;padding:2px 10px;font-size:12px;cursor:pointer;transition:all .2s}.category-breakdown .line-item--section .channel-quick-picks .channel-chip:hover{background:#f8fafc;border-color:#b8bfd0}.category-breakdown .line-item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;margin-bottom:12px}.category-breakdown .inline-line-item{grid-template-columns:auto repeat(4,1fr);align-items:center;gap:8px}.category-breakdown .inline-line-item .inline-field{display:flex;align-items:center;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;background:#fff}.category-breakdown .inline-line-item .inline-field input{border:none;border-radius:0;padding:10px 12px;width:100%;background:#fff}.category-breakdown .inline-line-item .inline-field input[type=number],.category-breakdown .inline-line-item .inline-field input[data-amount]{text-align:right}.category-breakdown .inline-line-item .inline-field.readonly{background:var(--surface-muted)}.category-breakdown .inline-line-item .inline-field.readonly input[readonly]{background:transparent;color:#55596f}.category-breakdown .inline-line-item .inline-field .inline-label{padding:10px 12px;background:#f6f7fa;color:#7a7f9f;border-right:1px solid var(--stroke);white-space:nowrap;font-size:.85rem}.category-breakdown .free-items{display:flex;flex-direction:column;gap:12px}.category-breakdown .free-items h4{margin:0;font-size:1rem}.category-breakdown .custom-item{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:8px}.category-breakdown .custom-item .inline-field{display:flex;align-items:center;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;background:#fff}.category-breakdown .custom-item .inline-field input{border:none;border-radius:0;padding:10px 12px;width:100%;background:#fff}.category-breakdown .custom-item .inline-field input[type=number],.category-breakdown .custom-item .inline-field input[data-amount]{text-align:right}.category-breakdown .custom-item .inline-field.readonly{background:var(--surface-muted)}.category-breakdown .custom-item .inline-field.readonly input[readonly]{background:transparent;color:#55596f}.category-breakdown .custom-item .inline-field .inline-label{padding:10px 12px;background:#f6f7fa;color:#7a7f9f;border-right:1px solid var(--stroke);white-space:nowrap;font-size:.85rem}@media screen and (max-width:768px){.summary-table th,.summary-table td{padding:.75rem;font-size:1rem}.summary-table td.total-amount{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.form-grid label.full-width{grid-column:1}}@media screen and (max-width:480px){.summary-table th,.summary-table td{padding:.5rem;font-size:.875rem}.summary-table td.total-amount{font-size:1.25rem}.line-item--section .section-inline-row{gap:6px}.line-item--section .section-row-input{font-size:.95rem}.line-item--section .channel-quick-picks{font-size:11px}.line-item--section .section-remove-button{width:36px}}.form-actions-bottom{display:flex;justify-content:flex-end;background:#fff;padding:16px;border-radius:12px;margin-top:12px}.ghost-button{align-self:flex-start;border:1px dashed var(--accent);border-radius:12px;background:transparent;padding:6px 12px;font-weight:600;color:var(--accent);cursor:pointer}.exclude-select{border-radius:999px;border:1px solid #38a169;padding:6px 2.5em 6px 12px;font-weight:600;background:#38a16926;color:#1f5133;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23258a60' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8em center}.exclude-select:has(option:checked[value=exclude]){border-color:#e53e3e;background:#e53e3e26;color:#742a2a;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23e53e3e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8em center}.sortable-ghost{opacity:.4;background:#e3f2fd;border:2px dashed #0b57d0}.sortable-drag{opacity:1;box-shadow:0 4px 12px #00000026;cursor:grabbing}.drag-handle{cursor:grab;padding:8px;color:#9ca3af;display:inline-flex;align-items:center;font-size:18px;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#4b5563}.drag-handle:active{cursor:grabbing}.vendor-list-stats .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.vendor-list-stats .summary-card{border:1px solid var(--stroke);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.vendor-list-stats .summary-card .kpi-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.vendor-list-stats .summary-card p{margin:0;color:#4b4e59;font-size:.85rem}.vendor-list-card table a{text-decoration:none;color:inherit}.vendor-list-card thead th{text-align:center}.vendor-list-card .freee-status{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.vendor-list-card .freee-status .check-pill{border-radius:999px;padding:4px 10px;font-size:.85rem}.vendor-list-card .freee-status .check-pill.check-ok{background:#08a05a2e;color:#0f6b3e}.vendor-list-card .freee-status .check-pill.check-pending{background:#ffc10738;color:#b35a00}.vendor-list-card .freee-status .check-pill.check-recheck{background:#df3b3d1f;color:var(--accent)}.vendor-list-card table th,.vendor-list-card table td{vertical-align:middle}.vendor-list-card table th{text-align:center;font-size:.85rem}.vendor-list-card table th:last-child,.vendor-list-card table td:last-child{text-align:center}.vendor-list-card table td strong{display:block;font-size:1rem}.vendor-list-card table td .meta{color:var(--text-muted);font-size:.85rem}.vendor-list-card .category-pills{display:flex;flex-wrap:wrap;gap:4px}.vendor-list-card .category-pills span{border:1px solid var(--stroke);border-radius:999px;padding:2px 8px;font-size:.85rem;color:#3f4253}.vendor-list-card .align-right{text-align:right;color:#11131c}.vendor-list-card .status-pill,.vendor-list-card .check-pill{border-radius:999px;padding:4px 10px;font-size:.85rem}.vendor-list-card .status-pill.success,.vendor-list-card .status-pill.check-ok,.vendor-list-card .check-pill.success,.vendor-list-card .check-pill.check-ok{background:#08a05a2e;color:#0f6b3e}.vendor-list-card .status-pill.warning,.vendor-list-card .status-pill.check-recheck,.vendor-list-card .check-pill.warning,.vendor-list-card .check-pill.check-recheck{background:#df3b3d1f;color:var(--accent)}.vendor-list-card .status-pill.pending,.vendor-list-card .status-pill.check-pending,.vendor-list-card .check-pill.pending,.vendor-list-card .check-pill.check-pending{background:#6d758d33;color:#3c4251}.vendor-list-card .status-pill.alert,.vendor-list-card .check-pill.alert{background:#08a05a2e;color:#0f6b3e}.vendor-list-card .link-button{border:1px solid var(--stroke);border-radius:10px;padding:4px 10px;background:var(--surface-muted);color:var(--accent);font-size:.85rem;cursor:pointer}.vendor-list-card .row-actions{display:flex;flex-direction:column;gap:4px}.vendor-list-card .row-actions a{text-decoration:none}.vendor-list-card .row-actions .primary-link{color:var(--accent)}.vendor-list-card .row-actions .secondary-link{color:#505468;font-size:.85rem}.vendor-list-card .button-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:6px 12px;background:var(--accent);color:#fff!important;cursor:pointer;text-decoration:none}.vendor-list-card .button-link:hover{background:var(--accent-dark)}.vendor-list-card .button-link.link-with-icon{gap:6px}.vendor-list-card .button-link.link-with-icon .icon-link{width:16px;height:16px}.master-filters label{min-width:180px}.master-summary .master-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.master-summary .summary-card{border:1px solid var(--stroke);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.master-summary .summary-card .kpi-label{font-size:.85rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.master-summary .summary-card p{margin:0;color:#4b4e59;font-size:.85rem}.master-list-card table th,.master-list-card table td{vertical-align:middle}.master-list-card table thead th{text-align:center}.master-list-card table td:nth-child(n+2){text-align:center}.master-list-card table td .meta{display:block;font-size:.85rem;color:var(--text-muted)}.master-list-card .plan-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.85rem}.master-list-card .plan-tag.premium{background:#546dff26;color:#4b63ff}.master-list-card .plan-tag.standard{background:#00000014;color:#1b1f2b}.master-list-card .plan-tag.light{background:#ffc1072e;color:#b35a00}.master-list-card .freee-meta{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#4b4e59}.master-list-card .contact{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.master-list-card .contact a{color:var(--accent);text-decoration:none}.master-list-card .button-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:6px 12px;background:var(--accent);color:#fff!important;cursor:pointer;text-decoration:none}.master-list-card .button-link:hover{background:var(--accent-dark)}.master-list-card .button-link.link-with-icon{gap:6px}.master-list-card .button-link.link-with-icon .icon-link{width:16px;height:16px}.master-list-card .button-link.secondary{background:transparent;border:1px solid var(--stroke);color:var(--accent)!important}.master-list-card .button-link.secondary:hover{background:#df3b3d14}.master-list-card .action-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.vendor-edit-card .vendor-edit-form{display:flex;flex-direction:column;gap:16px}.vendor-edit-card h2:not(:first-of-type){margin-top:20px}.vendor-edit-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vendor-edit-card .form-grid label{display:flex;flex-direction:column;gap:6px;font-size:1rem;color:var(--text-muted)}.vendor-edit-card .form-grid label input,.vendor-edit-card .form-grid label select,.vendor-edit-card .form-grid label textarea{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#fff}.vendor-edit-card .form-grid label textarea{resize:vertical}.vendor-edit-card .form-grid label.static-field{display:flex;justify-content:space-between}.vendor-edit-card .form-grid label.static-field .static-value{display:block;border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#f6f7fa;color:#121418}.vendor-edit-card .form-grid label.full-width{grid-column:1/-1}.vendor-edit-card .form-grid label.checkbox-row{flex-direction:row;align-items:center;gap:10px}.vendor-edit-card .form-grid label.checkbox-row input[type=checkbox]{width:18px;height:18px}.vendor-edit-card .form-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.vendor-edit-card .freee-link-actions{justify-content:flex-end}.card-row{display:flex;flex-wrap:wrap;gap:16px}.card-row .vendor-edit-card{flex:1 1 calc(50% - 8px)}.freee-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap;width:100%}.freee-row .form-grid{display:block;flex:1 1 auto;width:100%}.freee-row .form-grid label{width:100%}.freee-row .form-actions{flex:0 0 auto;justify-content:flex-end}.related-alias .alias-list{display:flex;flex-direction:column;gap:12px}.related-alias .alias-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f6f7fa;border-radius:12px;padding:16px}.related-alias .alias-info{display:flex;flex-direction:column}.related-alias .alias-info strong{font-size:1rem;color:#121418}.related-alias .alias-info span{font-size:.85rem;color:var(--text-muted)}.related-alias .alias-actions{display:flex;gap:8px;flex-wrap:wrap}.related-alias .alias-entry,.related-alias .alias-listing li{display:flex;justify-content:space-between;align-items:center;gap:12px}.related-alias .alias-name{color:#121418}.related-alias .button-link{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:6px 12px;font-size:.85rem;text-decoration:none;background:var(--accent);color:#fff}.related-alias .button-link:hover{background:var(--accent-dark)}.related-alias .button-link.secondary{background:#fff;border:1px solid var(--stroke);color:var(--accent)}.related-alias .button-link.secondary:hover{background:#df3b3d14}.related-alias .ghost-button{text-decoration:none!important}.related-alias .icon-link{width:16px;height:16px}.related-alias .stacked-alias{display:flex;flex-direction:column;gap:16px}.related-alias .related-block{background:#f6f7fa;border-radius:12px;padding:16px}.related-alias .related-block h3{margin:0;font-size:1rem;color:var(--text-muted)}.related-alias .related-block p,.related-alias .related-block ul{margin:8px 0 0;color:#121418;line-height:1.5}.related-alias .related-block ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.related-alias .block-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.vendor-title{width:100%;display:block;margin-bottom:8px}.vendor-title h2{margin:0;font-size:1.6rem}.vendor-title .vendor-code{font-size:.85rem;color:#7a7f9f}.freee-id-row{display:flex;gap:12px;align-items:flex-end;width:100%}.freee-id-row.full-width{grid-column:1/-1}.freee-id-row .freee-id-field{flex:0 0 70%;width:70%}.freee-id-row .freee-id-field input{width:100%}.freee-id-row .freee-fetch-button{flex:0 0 30%;width:30%;justify-content:center;width:100%;background:var(--accent);color:#fff;border:none}.alias-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000040;padding:16px;z-index:2000}.alias-modal:target{display:flex}.alias-modal .alias-modal__backdrop{position:absolute;inset:0;z-index:0}.alias-modal__dialog{background:#fff;border-radius:12px;padding:20px;min-width:320px;max-width:440px;box-shadow:var(--shadow-soft, 0 10px 30px rgba(0, 0, 0, .12));display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.alias-modal__header{display:flex;align-items:center;justify-content:space-between}.alias-modal__header h3{margin:0;font-size:1rem;color:#121418}.alias-modal__header .alias-modal__close{text-decoration:none;font-size:1.25rem;color:#666;line-height:1}.alias-modal__body label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#121418}.alias-modal__body select,.alias-modal__body input[type=search]{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#fff}.alias-modal__body .alias-relation{margin:8px 0 0;padding:0;border:none;display:flex;flex-direction:column;gap:8px}.alias-modal__body .alias-relation legend{font-weight:600;margin-bottom:4px}.alias-modal__body .alias-relation .radio-row{display:flex;align-items:center;gap:8px;font-weight:600;flex-direction:row}.alias-modal__actions{display:flex;justify-content:flex-end;gap:10px}.alias-modal .alias-modal__confirm{background:var(--accent);color:#fff;border:none;text-decoration:none;border-radius:10px;padding:10px 14px}.alias-modal .alias-modal__confirm:disabled{background:var(--stroke);color:#fff;cursor:not-allowed;opacity:.7}.invoice-filters label{min-width:180px}.invoice-filters .period-range{display:flex;align-items:center;gap:8px}.invoice-filters .period-range span{color:var(--text-muted);font-size:.85rem}.invoice-filters .period-range select{min-width:120px}.invoice-overview-card .vendor-context{display:flex;justify-content:space-between;align-items:center}.invoice-overview-card .vendor-context h2{margin:0;font-size:1.5rem}.invoice-overview-card .vendor-context .meta{display:block;color:var(--text-muted);margin-top:4px;font-size:1rem}.invoice-overview-card .vendor-context .vendor-link{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 14px;background:var(--accent);color:#fff;text-decoration:none}.invoice-overview-card .vendor-context .vendor-link:hover{background:var(--accent-dark)}.invoice-overview-card .vendor-context .vendor-link .icon-link{width:18px;height:18px}.invoice-overview-card .invoice-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.invoice-overview-card .overview-tile{border:1px solid var(--stroke);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.invoice-overview-card .overview-tile .tile-label{font-size:.85rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.invoice-overview-card .overview-tile .tile-value{font-size:1.6rem;color:#121418}.invoice-overview-card .overview-tile .tile-value.warning{color:#c0392b}.invoice-overview-card .overview-tile .tile-value.muted{color:#5c6274}.invoice-overview-card .overview-tile p{margin:0;color:#505468;font-size:.85rem}.invoice-history-card table{width:100%;border-collapse:collapse}.invoice-history-card table th,.invoice-history-card table td{padding:12px 14px;border-bottom:1px solid var(--stroke)}.invoice-history-card table thead th{text-align:center;font-size:.85rem}.invoice-history-card table .meta{font-size:.85rem;color:var(--text-muted)}.invoice-history-card table .align-right{text-align:right;font-variant-numeric:tabular-nums}.invoice-history-card .status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.85rem}.invoice-history-card .status-pill.success{background:#0fb37a29;color:#0a8f60}.invoice-history-card .status-pill.warning{background:#ffab0033;color:#a15b00}.invoice-history-card .status-pill.danger{background:#df3b3d2e;color:#b12d2f}.invoice-history-card .button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:6px 12px;text-decoration:none;gap:6px;background:var(--accent);color:#fff!important}.invoice-history-card .button-link:hover{background:var(--accent-dark)}.invoice-history-card .button-link.secondary{background:transparent;border:1px solid var(--stroke);color:var(--accent)!important}.invoice-history-card .button-link.secondary:hover{background:#df3b3d14}.invoice-history-card .button-link .icon-link{width:16px;height:16px}.invoice-history-card .action-buttons{display:flex;justify-content:center;gap:6px;align-items:flex-start}.invoice-history-card .action-buttons a{width:auto}.invoice-history-card .table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.invoice-history-card .table-footer span{color:var(--text-muted)}.upload-page .upload-filters{align-items:flex-end}.upload-page .upload-card{display:flex;flex-direction:column;gap:16px}.upload-page .upload-card .card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.upload-page .upload-card .card-head h2{margin:0 0 6px}.upload-page .upload-card .card-head .muted{margin:0;color:var(--text-muted)}.upload-page .upload-card .card-head .upload-badges{display:flex;gap:8px;flex-wrap:wrap}.upload-page .upload-card .card-head .status-pill.muted{background:#f0f2f5;color:#5f6572}.upload-page .upload-card .card-head .status-pill.danger{background:#df3b3d1f;color:#c62828}.upload-page .upload-card .upload-dropzone{border:1px dashed #cfd5e3;background:#f8fafc;border-radius:14px;padding:24px;display:flex;gap:16px;align-items:center;box-shadow:inset 0 1px #ffffff80}.upload-page .upload-card .upload-dropzone .drop-icon-wrap{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #0000000a}.upload-page .upload-card .upload-dropzone .drop-icon{width:28px;height:28px;color:var(--accent)}.upload-page .upload-card .upload-dropzone .drop-text{display:flex;flex-direction:column;gap:6px}.upload-page .upload-card .upload-dropzone .drop-text .primary-text{font-weight:600;margin:0}.upload-page .upload-card .upload-dropzone .drop-text .muted{color:var(--text-muted);margin:0}.upload-page .upload-card .upload-dropzone .drop-text .upload-actions{display:flex;gap:10px;align-items:center}.upload-page .upload-card .upload-dropzone .drop-text .hint{margin:4px 0 0;color:#5f6572;font-size:.95rem}.upload-page .upload-card .upload-notes{margin:0;padding-left:18px;color:#4d5362;line-height:1.6}.upload-page .upload-card .upload-notes li+li{margin-top:4px}.upload-page .queue-card{display:flex;flex-direction:column;gap:12px}.upload-page .queue-card .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.upload-page .queue-card .card-head h2{margin:0 0 6px;padding:20px 22px 0;font-size:1.1rem}.upload-page .queue-card .card-head .muted{color:var(--text-muted);font-size:.9rem}.upload-page .queue-card table{width:100%}.upload-page .queue-card table .text-left{text-align:left}.upload-page .queue-card .table-actions{display:flex;gap:8px;align-items:center;text-align:left}.upload-page .queue-card .table-actions .action-result{font-size:.9rem;color:#0f6b3e;line-height:1.4;text-align:left}.upload-page .queue-card .table-actions .action-result a{color:inherit;text-decoration:underline;transition:opacity .15s ease}.upload-page .queue-card .table-actions .action-result a:hover{opacity:.7}.upload-page .queue-card .table-actions .action-result.error{color:#c62828}.upload-page .media-card{display:flex;flex-direction:column;gap:12px}.upload-page .media-card .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.upload-page .media-card .media-filters{display:flex;gap:10px;align-items:center}.upload-page .media-card .media-filters label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#4d5362}.upload-page .media-card .media-filters select{min-width:120px}.upload-page .media-card .media-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.upload-page .media-card .media-item{border:1px solid #e6e8ee;border-radius:14px;padding:14px;display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:8px;background:#fff;box-shadow:0 4px 10px #00000008}.upload-page .media-card .media-item .media-thumb{grid-row:span 2;background:#eef1f7;border-radius:12px;display:grid;place-items:center;color:#566072;letter-spacing:.08em}.upload-page .media-card .media-item .media-meta{display:flex;flex-direction:column;gap:4px}.upload-page .media-card .media-item .media-meta .media-sub{color:#5f6572;font-size:.9rem}.upload-page .media-card .media-item .media-meta .media-tags{display:flex;gap:6px;flex-wrap:wrap}.upload-page .media-card .media-item .media-actions{grid-column:2;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.media-library .upload-filters{align-items:flex-end}.media-library .pdf-table{display:flex;flex-direction:column;gap:12px}.media-library .pdf-table table{width:100%;border-collapse:collapse}.media-library .pdf-table table th,.media-library .pdf-table table td{padding:12px 14px;border-bottom:1px solid var(--stroke);vertical-align:middle}.media-library .pdf-table table thead th{text-align:center;font-size:.85rem}.media-library .pdf-table table tbody tr:last-child td{border-bottom:none}.media-library .pdf-table .status-pill{border-radius:999px;padding:4px 10px;font-size:.85rem}.media-library .pdf-table .status-pill.success{background:#08a05a2e;color:#0f6b3e}.media-library .pdf-table .status-pill.warning{background:#df3b3d1f;color:var(--accent)}.media-library .pdf-table .actions-cell .action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.media-library .pdf-table .actions-cell .action-buttons .button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:6px 12px;text-decoration:none;gap:6px;background:var(--accent);color:#fff!important}.media-library .pdf-table .actions-cell .action-buttons .button-link:hover{background:var(--accent-dark)}.media-library .pdf-table .actions-cell .action-buttons .button-link.secondary{background:transparent;border:1px solid var(--stroke);color:var(--accent)!important}.media-library .pdf-table .actions-cell .action-buttons .button-link.secondary:hover{background:#df3b3d14}.media-library .pdf-table .actions-cell .action-buttons .button-link .icon-link{width:16px;height:16px}.media-library .pdf-table .table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.media-library .pdf-table .table-footer span{color:var(--text-muted)}.media-library .alias-modal{display:none;position:fixed;inset:0;background:#0006;z-index:50;align-items:center;justify-content:center;padding:16px}.media-library .alias-modal:target{display:flex}.media-library .alias-modal .alias-modal__backdrop{position:absolute;inset:0;z-index:0}.media-library .alias-modal__dialog{background:#fff;border-radius:12px;padding:20px;min-width:320px;max-width:440px;box-shadow:var(--shadow-soft, 0 10px 30px rgba(0, 0, 0, .12));display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.media-library .alias-modal__header{display:flex;align-items:center;justify-content:space-between}.media-library .alias-modal__header h3{margin:0;font-size:1rem;color:#121418}.media-library .alias-modal__header .alias-modal__close{text-decoration:none;font-size:1.25rem;color:#666;line-height:1}.media-library .alias-modal__body label{display:flex;flex-direction:column;gap:6px;color:#121418}.media-library .alias-modal__body select,.media-library .alias-modal__body input[type=search]{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#fff}.media-library .alias-modal__actions{display:flex;justify-content:flex-end;gap:10px}.media-library .alias-modal .alias-modal__confirm{background:var(--accent);color:#fff;border:none;text-decoration:none;border-radius:10px;padding:10px 14px}.media-library .alias-modal .alias-modal__confirm:disabled{background:var(--stroke);color:#fff;cursor:not-allowed;opacity:.7}.link-page .link-filters{align-items:flex-end}.link-page .link-grid{display:flex;flex-direction:column;gap:16px}.link-page .list-card{display:flex;flex-direction:column;gap:12px}.link-page .list-card .card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.link-page .list-card .card-head .muted{color:var(--text-muted)}.link-page .list-card .link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.link-page .list-card .link-item{border:1px solid #e6e8ee;border-radius:14px;padding:12px;background:#fff;box-shadow:0 4px 10px #00000008;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.link-page .list-card .link-item .title{margin-bottom:4px}.link-page .list-card .link-item .meta{color:#6b7280;font-size:.9rem;margin-bottom:6px}.link-page .list-card .link-item .tags{display:flex;gap:6px;flex-wrap:wrap}.link-page .list-card .link-item .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.link-page .list-card .link-item .actions .button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:6px 12px;text-decoration:none;gap:6px;background:var(--accent);color:#fff!important}.link-page .list-card .link-item .actions .button-link.secondary{background:transparent;border:1px solid var(--stroke);color:var(--accent)!important}.link-page .list-card .link-item .actions .button-link.secondary:hover{background:#df3b3d14}.link-page .list-card .link-item .actions .button-link .icon-link{width:16px;height:16px}.link-page .list-card .link-item .actions .button-link:hover{background:var(--accent-dark)}.link-page .pdf-card,.link-page .invoice-card{width:100%}.link-page .action-buttons .modal-trigger.button-with-icon{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:none;text-decoration:none;background:var(--accent);color:#fff}.link-page .action-buttons .modal-trigger.button-with-icon:hover{background:var(--accent-dark)}.link-page .action-buttons .modal-trigger.button-with-icon .button-icon{width:18px;height:18px}.link-page .alias-modal{display:none;position:fixed;inset:0;background:#0006;z-index:50;align-items:center;justify-content:center;padding:16px}.link-page .alias-modal:target{display:flex}.link-page .alias-modal .alias-modal__backdrop{position:absolute;inset:0;z-index:0}.link-page .alias-modal__dialog{background:#fff;border-radius:12px;padding:20px;min-width:320px;max-width:440px;box-shadow:var(--shadow-soft, 0 10px 30px rgba(0, 0, 0, .12));display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.link-page .alias-modal__header{display:flex;align-items:center;justify-content:space-between}.link-page .alias-modal__header h3{margin:0;font-size:1rem;color:#121418}.link-page .alias-modal__header .alias-modal__close{text-decoration:none;font-size:1.25rem;color:#666;line-height:1}.link-page .alias-modal__body label{display:flex;flex-direction:column;gap:6px;color:#121418}.link-page .alias-modal__body select,.link-page .alias-modal__body input[type=search]{border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:1rem;background:#fff}.link-page .alias-modal__body .alias-relation{margin:8px 0 0;padding:0;border:none;display:flex;flex-direction:column;gap:8px}.link-page .alias-modal__body .alias-relation legend{margin-bottom:4px}.link-page .alias-modal__body .alias-relation .radio-row{display:flex;align-items:center;gap:8px;flex-direction:row}.link-page .alias-modal__actions{display:flex;justify-content:flex-end;gap:10px}.link-page .alias-modal .alias-modal__confirm{background:var(--accent);color:#fff;border:none;text-decoration:none;border-radius:10px;padding:10px 14px}.link-page .alias-modal .alias-modal__confirm:disabled{background:var(--stroke);color:#fff;cursor:not-allowed;opacity:.7}body:has(.login-shell),body:has(main.card){margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#20273c,#0d0e12);font-family:Inter,Segoe UI,Noto Sans JP,sans-serif;color:#121418}.auth-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand__title{font-size:1.75rem;font-weight:600;color:#fff;margin:0;letter-spacing:.08em}.auth-brand__subtitle{font-size:.85rem;color:var(--text-muted);margin:6px 0 0}.login-shell{width:min(440px,90vw);background:var(--surface);border-radius:16px;box-shadow:0 25px 60px #0000004d;padding:36px 40px 40px;display:flex;flex-direction:column;gap:20px}.login-shell h1{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4;text-align:center}.login-shell .subtitle{color:var(--text-muted);font-size:.9rem;margin:0;text-align:center}.login-shell label{display:block;font-size:.82rem;font-weight:500;margin-bottom:6px;color:#121418}.login-shell input{width:100%;padding:10px 14px;font-size:.95rem;border-radius:10px;border:1px solid var(--stroke);transition:border .2s ease,box-shadow .2s ease;background:#fff;box-sizing:border-box}.login-shell input::placeholder{color:#b0b4be}.login-shell input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #df3b3d1f}.login-shell form{display:flex;flex-direction:column;gap:18px}.login-shell .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.login-shell button{flex:1;border:none;border-radius:10px;padding:11px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.login-shell button.primary{background:var(--accent);color:#fff}.login-shell button.primary:hover{background:var(--accent-dark)}.login-shell button:active{transform:translateY(1px)}.login-shell .helpers{display:flex;justify-content:center;font-size:.82rem}.login-shell .helpers a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.login-shell .helpers a:hover{color:var(--accent)}.login-shell .alert{padding:10px 14px;border-radius:10px;font-size:.85rem}.login-shell .alert--success{background:#08a05a1a;color:#0f6b3e}.login-shell .alert--error{background:#df3b3d14;color:#c0392b}main.card{width:min(440px,92vw);background:var(--surface);border-radius:16px;padding:36px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;gap:20px}main.card form{display:flex;flex-direction:column;gap:18px}main.card h1{margin:0;font-size:1.25rem;font-weight:600}main.card p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.6}main.card label{font-size:.82rem;font-weight:500;margin-bottom:6px;display:block}main.card input{width:100%;padding:10px 14px;font-size:.95rem;border-radius:10px;border:1px solid var(--stroke);background:#fff;transition:border .2s ease,box-shadow .2s ease;box-sizing:border-box}main.card input::placeholder{color:#b0b4be}main.card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #df3b3d1f}main.card .token-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#df3b3d14;color:var(--accent);font-size:.8rem;font-weight:600}main.card .info-box,main.card .requirements{background:#f8f8fa;border-radius:10px;padding:14px 18px;font-size:.88rem;color:var(--text-muted);border:1px dashed var(--stroke);line-height:1.6}main.card .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}main.card button{flex:1;border:none;border-radius:10px;padding:11px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}main.card button.primary{background:var(--accent);color:#fff}main.card button.primary:hover{background:var(--accent-dark)}main.card button.secondary{background:var(--surface-muted);color:#121418}main.card button.secondary:hover{background:var(--surface-dark)}main.card button:active{transform:translateY(1px)}main.card .link-row,main.card .meta-row{display:flex;justify-content:flex-end;font-size:.82rem}main.card .link-row a,main.card .meta-row a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}main.card .link-row a:hover,main.card .meta-row a:hover{color:var(--accent)}main.card .meta-row{color:var(--text-muted)}main.card .alert{padding:10px 14px;border-radius:10px;font-size:.85rem}main.card .alert--success{background:#08a05a1a;color:#0f6b3e}main.card .alert--error{background:#df3b3d14;color:#c0392b}.user-list-card .action-buttons{display:flex;gap:8px;align-items:center}.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;white-space:nowrap}.role-badge.role-admin{background:#df3b3d1f;color:var(--accent)}.role-badge.role-member{background:#00000012;color:#4b4e59}.role-badge.role-disabled{background:#0000000a;color:var(--text-muted)}.row-disabled{opacity:.5}.btn-action{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;border:1px solid transparent}.btn-action.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-action.accent:hover{background:var(--accent-dark)}.btn-action.danger{background:transparent;border-color:#e74c3c;color:#c0392b}.btn-action.danger:hover{background:#e74c3c14}.btn-action.outline{background:transparent;border-color:var(--stroke);color:var(--text-secondary)}.btn-action.outline:hover{background:#0000000a}.btn-action.secondary{background:transparent;border-color:transparent;color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-action:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;padding:28px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:1.2rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;color:var(--text-muted);border-radius:8px}.modal-close:hover{background:#0000000f}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form label{display:flex;flex-direction:column;gap:6px}.modal-form label span{font-weight:500;font-size:.9rem}.modal-form label input,.modal-form label select{padding:10px 14px;border:1px solid var(--stroke);border-radius:12px;font-size:.95rem}.modal-form label input:focus,.modal-form label select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #df3b3d1a}.modal-form .modal-form-row{display:flex;gap:12px}.modal-form .modal-form-row label{flex:1}.modal-form .password-wrapper{position:relative}.modal-form .password-wrapper input{width:100%;padding-right:42px}.modal-form .password-wrapper .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted)}.modal-form .password-wrapper .password-toggle .icon-eye{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal-actions button{padding:10px 20px;border-radius:12px;font-weight:500;cursor:pointer}.modal-actions button.danger{background:#e74c3c;color:#fff;border:none}.modal-actions button.danger:hover{background:#c0392b}.field-error{color:#e74c3c;font-size:.8rem}.text-muted{color:var(--text-muted);font-size:.9rem}
