@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box}:root{--bg:#f8f9ff;--surface:#fff;--surface-low:#eff4ff;--surface-container:#e5eeff;--surface-high:#dce9ff;--surface-highest:#d3e4fe;--on-surface:#0b1c30;--on-surface-variant:#464554;--primary:#4648d4;--primary-container:#6063ee;--on-primary:#fff;--primary-fixed:#e1e0ff;--primary-fixed-dim:#c0c1ff;--secondary:#00687a;--secondary-container:#57dffe;--on-secondary:#fff;--tertiary:#904900;--tertiary-container:#b55d00;--error:#ba1a1a;--error-container:#ffdad6;--outline:#767586;--outline-variant:#c7c4d7;--txt:var(--on-surface);--txt2:var(--on-surface-variant);--txt3:#767586;--accent:var(--primary);--border:#e2e8f0;--border2:#cbd5e1;--success:#059669;--warning:#d97706;--danger:var(--error);--info:#2563eb;--topbar-h:64px;--sidebar-w:256px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000a;--shadow-md:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5{font-family:Plus Jakarta Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}input,select,textarea{background:var(--surface);border:1px solid var(--border);height:40px;color:var(--txt);border-radius:8px;outline:none;width:100%;padding:0 12px;font-family:Inter,sans-serif;font-size:14px;transition:border .15s,box-shadow .15s}textarea{height:auto;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4648d41a}input::placeholder,textarea::placeholder{color:var(--txt3)}select{cursor:pointer}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;display:flex}.btn{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--txt);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:#f1f5f9}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-container);border-color:var(--primary-container)}.btn-secondary{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.btn-secondary:hover{background:#e2e8f0}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:#f1f5f9;border-color:#0000}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-xs{height:26px;padding:0 10px;font-size:11px}.btn-lg{height:44px;padding:0 20px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.card-hover:hover{box-shadow:var(--shadow)}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;height:22px;padding:0 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-brief{color:#5b21b6;background:#ede9fe}.badge-wip{color:#92400e;background:#fef3c7}.badge-review{color:#1e40af;background:#dbeafe}.badge-revision{color:#b91c1c;background:#fee2e2}.badge-approved{color:#065f46;background:#d1fae5}.badge-hold{color:#475569;background:#f1f5f9}.badge-reopened{color:#9d174d;background:#fce7f3}.badge-urgent{color:#b91c1c;background:#fee2e2}.badge-high{color:#9a3412;background:#fff7ed}.badge-normal{color:#1d4ed8;background:#eff6ff}.badge-low{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.badge-brand{color:#5b21b6;background:#ede9fe}.badge-motion{color:#9d174d;background:#fdf2f8}.badge-print{color:#854d0e;background:#fefce8}.badge-social{color:#166534;background:#f0fdf4}.badge-web{color:#1e3a5f;background:#eff6ff}.badge-other{color:#475569;background:#f8fafc}.badge-packaging{color:#6b21a8;background:#fdf4ff}.tl-line{position:relative}.tl-line:before{content:"";z-index:0;background:#e2e8f0;width:2px;position:absolute;top:6px;bottom:6px;left:11px}.tl-dot{z-index:1;background:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;overflow:hidden}.divider{background:var(--border);height:1px}@media (max-width:767px){html,body{max-width:100vw;overflow-x:hidden}input,select{height:44px;font-size:16px}textarea{font-size:16px}.card{border-radius:10px}.btn{min-height:36px}.btn-xs{min-height:30px}.badge{white-space:normal;height:auto;min-height:22px;padding:2px 8px;line-height:1.3}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-inner{border-radius:14px!important;max-width:100%!important;margin:8px!important}}[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface-low:#1c2128;--surface-container:#22272e;--surface-high:#2d333b;--surface-highest:#373e47;--on-surface:#e6edf3;--on-surface-variant:#8b949e;--primary:#7c7fff;--primary-container:#6063ee;--on-primary:#fff;--primary-fixed:#2d2f7e;--primary-fixed-dim:#4648d4;--secondary:#3dd2ea;--error:#ff6b6b;--error-container:#4a1212;--outline:#6e7681;--outline-variant:#30363d;--txt:#e6edf3;--txt2:#8b949e;--txt3:#6e7681;--accent:#7c7fff;--border:#30363d;--border2:#484f58;--success:#3fb950;--warning:#d29922;--danger:#ff6b6b;--info:#58a6ff}[data-theme=dark] body{color:#e6edf3;background:#0d1117}[data-theme=dark] .card{background:#161b22;border-color:#30363d}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#e6edf3;background:#1c2128;border-color:#30363d}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6e7681}[data-theme=dark] .btn{color:#e6edf3;background:#21262d;border-color:#30363d}[data-theme=dark] .btn:hover{background:#30363d}[data-theme=dark] .btn-secondary{color:#cdd9e5;background:#21262d;border-color:#30363d}[data-theme=dark] .btn-secondary:hover{background:#30363d}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}