:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#09090b;color:#f4f4f5;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-success: #10b981;--color-success-hover: #059669;--color-error: #f43f5e;--color-warning: #f59e0b;--color-muted: #71717a;--color-border: #27272a;--bg-panel: #09090b;--bg-card: #18181b;--bg-input: #09090b}*{box-sizing:border-box}body{margin:0;background:#09090b;color:#f4f4f5}.page{padding:24px;display:grid;gap:20px;max-width:1600px;margin:0 auto}.topbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:8px}.topbar h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.muted{color:var(--color-muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button,select,input{background:var(--bg-input);color:#f4f4f5;border:1px solid var(--color-border);border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s ease;outline:none}button{cursor:pointer;font-weight:500;background:var(--color-primary);border-color:var(--color-primary)}button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button:disabled{opacity:.4;cursor:not-allowed}.actions button{background:#18181b;border-color:var(--color-border)}.actions button:hover{background:#27272a;border-color:#3f3f46}.error{border:1px solid var(--color-error);background:#f43f5e0d;color:#fda4af;padding:12px;border-radius:8px;font-size:13px}.layout-3{display:grid;gap:16px;grid-template-columns:300px 1.2fr 1fr}.panel{background:var(--bg-panel);border:1px solid var(--color-border);border-radius:12px;padding:20px;min-height:400px;display:flex;flex-direction:column;gap:16px}.panel h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#fff;border-left:3px solid var(--color-primary);padding-left:8px}.panel h4{margin:12px 0 6px;font-size:14px;font-weight:600;color:#e4e4e7}.form-block{display:flex;flex-direction:column;gap:8px;padding:12px;background:#18181b;border-radius:8px;border:1px solid var(--color-border)}.collapsible-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent!important;color:#e4e4e7!important;border:1px dashed var(--color-border)!important;border-radius:8px;padding:10px}.kanban{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(220px,1fr))}.col{background:#18181b;border:1px solid var(--color-border);border-radius:10px;padding:12px;min-height:200px;display:flex;flex-direction:column;gap:10px}.col.col-done{border-top:3px solid var(--color-success)}.col.col-rework{border-top:3px solid var(--color-warning)}.col.col-inprogress{border-top:3px solid var(--color-primary)}.col.col-problems{border-top:3px solid var(--color-error)}.col h4{margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--color-muted);display:flex;justify-content:space-between;align-items:center}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.compact{max-height:200px}.card{border:1px solid var(--color-border);border-radius:8px;background:#09090b;transition:all .2s ease}.card:hover{border-color:#3f3f46;transform:translateY(-1px)}.card-active{border-color:var(--color-primary)!important;box-shadow:0 0 10px #8b5cf626}.link-btn{all:unset;display:block;width:100%;padding:12px;cursor:pointer;box-sizing:border-box}.title{font-weight:500;font-size:13px;color:#f4f4f5;margin-bottom:4px}.meta{font-size:11px;color:var(--color-muted)}.stats{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#18181b;border:1px solid var(--color-border);border-radius:8px;padding:12px}.task-box{background:#18181b;border:1px solid var(--color-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.event-item{display:flex;gap:8px;font-size:12px;border-left:2px solid var(--color-border);padding:6px 0 6px 10px;margin-left:4px}.approval-card{background:#18181b;border:1px solid var(--color-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.btn-success{background:var(--color-success)!important;border-color:var(--color-success)!important}.btn-success:hover{background:var(--color-success-hover)!important;border-color:var(--color-success-hover)!important}.btn-error{background:var(--color-error)!important;border-color:var(--color-error)!important}.btn-error:hover{background:#e11d48!important;border-color:#e11d48!important}@media (max-width: 1400px){.layout-3{grid-template-columns:1fr}}@media (max-width: 768px){.page{padding:12px;gap:12px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar .toolbar{width:100%;display:flex;flex-direction:column;gap:8px}.topbar .toolbar input,.topbar .toolbar select,.topbar .toolbar button{width:100%}.layout-3{grid-template-columns:1fr!important;gap:12px}.panel{min-height:auto;padding:14px}.kanban{grid-template-columns:1fr!important;gap:12px}.col{min-height:auto}.system-live-status{grid-template-columns:1fr!important}.stepper-horizontal{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding-left:20px}.step-item{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%}.step-badge{margin-bottom:0!important}.step-name{text-align:left!important}.stepper-line{display:none!important}}