:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#f8fafc;padding:24px;display:flex;flex-direction:column;gap:24px}.sidebar h1{font-size:20px;margin:0}.sidebar nav{display:flex;flex-direction:column;gap:12px}.nav-link{border:none;text-align:left;padding:10px 12px;border-radius:10px;background:#f8fafc14;color:inherit;cursor:pointer;font:inherit}.nav-link.active{background:#f8fafc33}.content{padding:32px;display:flex;flex-direction:column;gap:28px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header h2{margin:0 0 4px}.primary{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.danger{background:#dc2626;color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.ghost{border:1px solid #cbd5f5;background:transparent;padding:8px 14px;border-radius:10px;cursor:pointer}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 12px 28px #0f172a14}.card h3,.card h4{margin:6px 0 0}.muted{color:#64748b;margin:0}.panel{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px #0f172a14}.panel-header{display:flex;justify-content:space-between;align-items:center}.tag{background:#e0f2fe;color:#0369a1;padding:6px 10px;border-radius:999px;font-size:12px}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid transparent}.table-row-clickable:hover{background:#eef2ff;border-color:#c7d2fe}.table-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.table-row-clickable{cursor:pointer;transition:background .2s ease}.table-row-clickable:hover{background:#eef2ff}.table-4 .table-row{grid-template-columns:repeat(4,minmax(0,1fr))}.table-5 .table-row{grid-template-columns:repeat(5,minmax(0,1fr))}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.small-note{font-size:12px}.table-row span{font-size:14px}.table-header{font-weight:600;background:#e2e8f0}.badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:999px;font-size:12px}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.detail-grid span{color:#64748b;font-size:12px}.detail-grid strong{display:block;margin-top:4px}.control-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.control-group input,.control-group select{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5}.full{width:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{background:#fff;border-radius:20px;width:min(720px,100%);box-shadow:0 24px 50px #0f172a2e;padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-header h3,.modal-body p{margin:0}.modal-note{margin-top:12px;color:#64748b;font-size:14px}.modal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.modal-form input{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5}.modal-form select{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5;background:#fff}.modal-form input:focus,.modal-form select:focus,.product-form input:focus,.product-form select:focus,.status-form input:focus,.status-form select:focus,.control-group input:focus,.control-group select:focus{outline:2px solid rgba(59,130,246,.2);border-color:#93c5fd}.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.role-matrix{display:flex;flex-direction:column;gap:16px}.role-console{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#f1f5f9;border-radius:14px}.role-console h4{margin:0 0 4px}.role-actions{display:flex;gap:10px}.preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.preference-card{background:#f8fafc;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.action-banner{display:flex;justify-content:space-between;align-items:center;background:#ecfeff;color:#0e7490;padding:10px 14px;border-radius:12px}.product-admin-panel{margin-top:16px}.product-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.product-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.product-form input,.product-form select{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5}.form-actions{display:flex;align-items:flex-end;gap:8px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.status-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.status-board-wrapper{display:flex;flex-direction:column;gap:16px}.status-column{background:#f1f5f9;border-radius:16px;padding:16px}.status-column ul{margin:12px 0 0;padding-left:18px}.status-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0}.status-note{color:#64748b;font-size:12px}.status-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:#f8fafc;border-radius:16px;padding:16px;border:1px solid #e2e8f0}.status-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.status-form input,.status-form select{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5}