:root{--primary-color:#0d9488;--primary-hover:#0f766e;--primary-dark:#115e59;--bg-main:#f7f5f0;--bg-secondary:#f0ede6;--bg-sidebar:#faf8f5;--bg-card:#fff;--text-primary:#1c1917;--text-secondary:#78716c;--text-muted:#a8a29e;--text-inverse:#fff;--border-primary:#e7e5e0;--border-secondary:#d6d3cd;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.dark{--primary-color:#f97316;--primary-hover:#ea580c;--primary-dark:#c2410c;--bg-main:#0a0e1a;--bg-secondary:#111827;--bg-sidebar:#070b14;--bg-card:#111827;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#111827;--border-primary:#1e293b;--border-secondary:#334155}.heading-1{color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:2.5rem}.heading-2{color:var(--text-primary);font-size:1.875rem;font-weight:600;line-height:2.25rem}.heading-3{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:2rem}.heading-4{color:var(--text-primary);font-size:1.25rem;font-weight:500;line-height:1.75rem}.text-body{color:var(--text-primary);font-size:1rem;line-height:1.5rem}.text-small{color:var(--text-secondary);font-size:.875rem;line-height:1.25rem}.text-muted{color:var(--text-muted)}.btn{cursor:pointer;border:none;border-radius:.375rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .15s ease-in-out;display:inline-flex}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-md{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.625rem 1.25rem;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-main);border-color:var(--border-secondary)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-secondary)}.btn-ghost{color:var(--text-primary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-secondary)}.btn-danger{background-color:var(--error);color:var(--text-inverse)}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{color:#0000;position:relative}.btn-loading:after{content:"";border:2px solid var(--text-inverse);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;animation:.6s linear infinite spinner;position:absolute;top:50%;left:50%}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:.5rem;padding:1.5rem}.card-header{border-bottom:1px solid var(--border-primary);margin-bottom:1rem;padding-bottom:1rem}.card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.card-description{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.input{width:100%;color:var(--text-primary);background-color:var(--bg-main);border:1px solid var(--border-primary);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition:all .15s ease-in-out}.input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error)}.label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.select{width:100%;color:var(--text-primary);background-color:var(--bg-main);border:1px solid var(--border-primary);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border-radius:.375rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.25rem}.checkbox{width:1rem;height:1rem;color:var(--primary-color);background-color:var(--bg-main);border:1px solid var(--border-primary);cursor:pointer;border-radius:.25rem}.checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.table{border-collapse:collapse;width:100%}.table-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.table-header th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table-body tr{border-bottom:1px solid var(--border-primary)}.table-body tr:hover{background-color:var(--bg-secondary)}.table-body td{color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem}.modal-overlay{z-index:40;background-color:#00000080;position:fixed;inset:0}.modal{background-color:var(--bg-card);box-shadow:var(--shadow-lg);z-index:50;border-radius:.5rem;width:90%;max-width:32rem;max-height:90vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-header{border-bottom:1px solid var(--border-primary);padding:1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:.5rem;padding:1.5rem;display:flex}.status-badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-new,.status-confirm{color:#00796b;background-color:#e0f7fa}.status-waiting{color:#fbc02d;background-color:#fffde7}.status-complete{color:#2e7d32;background-color:#e8f5e9}.status-cancel{color:#c62828;background-color:#ffebee}.dark .status-new,.dark .status-confirm{color:#4dd0e1;background-color:#e0f7fa1a}.dark .status-waiting{color:#fdd835;background-color:#fffde71a}.dark .status-complete{color:#66bb6a;background-color:#e8f5e91a}.dark .status-cancel{color:#ef5350;background-color:#ffebee1a}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spinner}.animate-fade-in{animation:.3s ease-in-out fadeIn}.animate-slide-in{animation:.3s ease-in-out slideIn}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-primary);width:16rem;height:100vh;position:fixed;top:0;left:0}.sidebar-item{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .15s ease-in-out;display:flex}.sidebar-item:hover{color:var(--text-primary);background-color:#ffffff0d}.sidebar-item.active{background-color:var(--primary-color);color:var(--text-inverse)}.main-content{background-color:var(--bg-main);min-height:100vh;margin-left:16rem;padding:2rem}.page-header{margin-bottom:2rem}.page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:600}.page-description{color:var(--text-secondary);font-size:1rem}.action-bar{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.action-bar-left,.action-bar-right{align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:1rem}.modal{width:95%}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.action-bar{flex-direction:column;align-items:stretch;gap:1rem}.action-bar-left,.action-bar-right{justify-content:space-between;width:100%}.btn{width:100%}}