:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-sidebar-bg:#111827;--color-sidebar-text:#d1d5db;--color-sidebar-hover:#1f2937;--color-sidebar-active:#374151;--color-bg:#f3f4f6;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-secondary:#6b7280;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--sidebar-width:240px;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);padding:24px 0;overflow-y:auto;z-index:100}.sidebar-header{padding:0 20px 24px;border-bottom:1px solid var(--color-sidebar-active);margin-bottom:16px;display:flex;align-items:center;gap:10px}.logo{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.5px}.sidebar .badge{font-size:11px;background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nav-links{list-style:none}.nav-links li a{display:block;padding:10px 20px;color:var(--color-sidebar-text);font-size:14px;font-weight:500;transition:background .15s,color .15s;text-decoration:none}.nav-links li a:hover{background:var(--color-sidebar-hover);color:#fff;text-decoration:none}.main-content{margin-left:var(--sidebar-width);flex:1 1;padding:32px 40px;min-height:100vh}h1{font-size:28px;font-weight:700;margin-bottom:24px}h1,h2{color:var(--color-text)}h2{font-size:20px;font-weight:600;margin-bottom:16px}h3{font-size:14px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow)}.card h3{margin-bottom:8px}.stat{font-size:32px;font-weight:700;color:var(--color-text);line-height:1.2}.stat.highlight{color:var(--color-warning)}.section{margin-top:32px}table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}thead{background:#f9fafb}th{text-align:left;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}td,th{padding:12px 16px;border-bottom:1px solid var(--color-border)}td{font-size:14px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.4}.status-active,.status-delivered,.status-paid{background:var(--color-success-bg);color:#065f46}.status-creating,.status-pending,.status-processing{background:var(--color-warning-bg);color:#92400e}.status-running,.status-shipped{background:var(--color-info-bg);color:#1e40af}.status-archived,.status-cancelled,.status-failed,.status-rejected{background:var(--color-danger-bg);color:#991b1b}.status-paused{background:#f3f4f6;color:#4b5563}.status-completed{background:var(--color-success-bg);color:#065f46}.btn,button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;line-height:1.4}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:5px 12px;font-size:13px}.btn-group{display:flex;gap:8px}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}input[type=color],input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);transition:border-color .15s,box-shadow .15s;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);max-width:600px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:24px}.tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:16px;color:var(--color-text-secondary)}.error-msg{background:var(--color-danger-bg);color:#991b1b}.error-msg,.success-msg{padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.success-msg{background:var(--color-success-bg);color:#065f46}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{margin-bottom:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--color-text-secondary)}.detail-value{font-weight:500;color:var(--color-text)}.timeline{padding:0;list-style:none}.timeline-item{position:relative;padding:0 0 20px 24px;border-left:2px solid var(--color-border)}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.timeline-event{font-weight:600;font-size:14px}.timeline-time{font-size:12px}.timeline-details,.timeline-time{color:var(--color-text-secondary)}.timeline-details{font-size:13px;margin-top:2px}.research-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.research-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.research-card h4{font-size:16px;font-weight:600;margin-bottom:12px}.research-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;color:var(--color-text-secondary)}.research-meta strong{color:var(--color-text)}@media (max-width:768px){.sidebar{width:60px;padding:16px 0}.sidebar-header{padding:0 12px 16px;justify-content:center}.nav-links li a span,.sidebar .badge{display:none}.logo{font-size:18px}.nav-links li a{padding:10px 12px;text-align:center;font-size:12px}.main-content{margin-left:60px;padding:20px 16px}.card-grid{grid-template-columns:1fr 1fr}.detail-grid,.form-row{grid-template-columns:1fr}}