@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17211b;font-synthesis:none;--surface:#fff;--surface-soft:#f7f8f5;--text:#17211b;--muted:#68736b;--border:#e2e6df;--accent:#6d5dfc;--accent-dark:#5544e8;--success:#198754;--danger:#c44747;--shadow:0 12px 40px #23302812;background:#f4f6f2;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--surface-soft);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6d5dfc40}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#16211b;flex-direction:column;width:248px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:2px 8px 24px;display:flex}.brand>span:last-child,.sidebar-footer>span{gap:2px;display:grid}.brand strong{letter-spacing:-.3px;font:800 18px Manrope,sans-serif}.brand small,.sidebar-footer small{color:#91a198;font-size:12px}.brand-mark{color:#17211b;background:#b9f18b;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.primary-button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.new-idea-button{margin-bottom:24px}nav{gap:5px;display:grid}.nav-link{color:#b7c2bb;border-radius:9px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#b9f18b1f}.nav-link.active svg{color:#b9f18b}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:18px 6px 0;font-size:13px;display:flex}.avatar{background:#304139;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.main-content{min-height:100vh;margin-left:248px;padding:36px 40px 64px}.mobile-header{display:none}.icon-button{background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.icon-button.accent{color:#fff;background:var(--accent)}.auth-page{background:#16211b;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fff;border-radius:20px;gap:16px;width:min(440px,100%);padding:32px;display:grid}.auth-card p{color:var(--muted)}.auth-card label{gap:7px;font-weight:700;display:grid}.auth-card input{border:1px solid var(--border);border-radius:10px;padding:12px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.4px;font-size:11px;font-weight:800}h1,h2,h3{letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif}.page-header h1{margin:5px 0 6px;font-size:clamp(28px,4vw,40px)}.page-header p,.section-heading p,.modal-heading p{color:var(--muted);margin:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px;display:grid}.metrics article{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 3px 12px #23302806}.metrics article>span{width:40px;height:40px;color:var(--accent);background:#f0eefe;border-radius:11px;place-items:center;display:grid}.metrics article div{display:grid}.metrics strong{font:800 24px Manrope}.metrics small{color:var(--muted)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{font-size:20px}.section-heading>span{color:var(--muted);font-size:13px}.kanban{grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;padding-bottom:14px;display:grid;overflow-x:auto}.kanban-column{background:#eef1ec;border-radius:14px;min-height:380px;padding:12px}.kanban-column>header{align-items:center;gap:8px;padding:4px 3px 13px;font-size:13px;display:flex}.count{color:var(--muted);background:#dfe4dc;border-radius:12px;margin-left:auto;padding:2px 7px}.stage-dot{background:#f5a623;border-radius:50%;width:8px;height:8px}.stage-conception .stage-dot{background:#6d5dfc}.stage-production .stage-dot{background:#2586b8}.stage-done .stage-dot{background:#198754}.card-stack{gap:10px;display:grid}.offer-card{background:#fff;border:1px solid #e3e7e0;border-radius:12px;padding:13px;box-shadow:0 4px 13px #2330280a}.card-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.card-open strong{margin:5px 0;font:700 14px Manrope;display:block}.card-open p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.card-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:800}.card-meta{border-top:1px solid var(--border);align-items:center;gap:6px;min-height:27px;margin-top:10px;padding-top:10px;display:flex}.card-meta span,.chips span{color:var(--muted);background:var(--surface-soft);border-radius:6px;padding:3px 6px;font-size:10px}.card-meta svg:last-child{color:var(--muted);margin-left:auto}.validated-icon{color:var(--success)!important;margin-left:0!important}.offer-card select{border:0;border-top:1px solid var(--border);width:100%;color:var(--muted);background:#fff;margin-top:9px;padding-top:8px;font-size:11px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c14109e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:92vh;padding:28px;position:relative;overflow:auto;box-shadow:0 26px 90px #00000040}.modal-close{background:var(--surface-soft);cursor:pointer;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.modal-heading h2,.detail h2{margin:5px 0 6px;font-size:26px}.offer-form,.detail{gap:17px;display:grid}.offer-form label,.preview-panel label,.detail-grid label{gap:7px;font-size:13px;font-weight:700;display:grid}.offer-form label small{color:var(--muted);font-weight:400}.offer-form input,.offer-form textarea,.preview-panel input,.preview-panel textarea,.detail select,.search-box input,.panel textarea{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:#fbfcfa;border-radius:10px;padding:12px 13px}.form-grid,.detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.secondary-button,.danger-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;min-height:42px;padding:0 15px;font-weight:700}.danger-button{color:var(--danger);justify-content:center;align-items:center;gap:7px;display:flex}.search-box{border:1px solid var(--border);max-width:640px;color:var(--muted);background:#fff;border-radius:12px;align-items:center;margin-bottom:22px;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;outline:none}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.library-card{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:14px;padding:19px}.library-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.library-card h3{margin:7px 0;font-size:16px}.library-card p{color:var(--muted);min-height:38px;font-size:13px}.library-card footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.library-card footer svg{color:var(--success)}.empty-state{text-align:center;min-height:300px;color:var(--muted);background:#fff;border:1px dashed #cfd6cc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.empty-state h2{color:var(--text);font-size:20px}.empty-state p{margin:0 0 8px}.inbox-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:15px;align-content:start;gap:14px;padding:20px;display:grid}.panel h2{align-items:center;gap:8px;font-size:17px;display:flex}.preview-empty{min-height:280px;color:var(--muted);align-content:center;place-items:center;display:grid}.ai-note{color:var(--accent-dark);background:#f2f0ff;border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.check-label{align-content:center;align-items:center;grid-template-columns:auto 1fr!important}.check-label input{width:20px;height:20px;accent-color:var(--success)}.chips{gap:6px;display:flex}.detail-section{background:var(--surface-soft);border-radius:12px;padding:16px}.detail-section h3{font-size:15px}.detail-section dl{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-section dl div{gap:4px;display:grid}.detail-section dt{color:var(--muted);font-size:11px}.detail-section dd{margin:0;font-size:13px;font-weight:700}.asset-sections{gap:12px;display:grid}.asset-block{border:1px solid var(--border);border-radius:12px;gap:9px;padding:14px;display:grid}.asset-block h3{align-items:center;gap:7px;font-size:14px;display:flex}.asset-block input{border:1px solid var(--border);border-radius:8px;min-width:0;padding:9px}.upload-box{min-height:48px;color:var(--accent);cursor:pointer;border:1px dashed #bcc6b8;border-radius:9px;place-items:center;font-weight:700;display:grid}.upload-box input{display:none}.asset-row{color:var(--text);background:var(--surface-soft);border-radius:8px;justify-content:space-between;gap:8px;padding:9px;font-size:12px;text-decoration:none;display:flex}.asset-row small{color:var(--muted)}.inline-add{grid-template-columns:1fr auto;gap:7px;display:grid}.action-row{color:var(--muted);font-size:13px}.component-add{grid-template-columns:180px 1fr auto;gap:9px;margin-bottom:18px;display:grid}.component-add select,.component-add input{border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px}@media (width<=760px){.sidebar{display:none}.sidebar.mobile-open{width:min(300px,86vw);display:flex;box-shadow:16px 0 50px #0000004d}.mobile-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fffffff0;justify-content:space-between;align-items:center;height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.main-content{margin-left:0;padding:22px 16px 48px}.page-header{flex-direction:column;align-items:stretch}.metrics{grid-template-columns:1fr 1fr}.library-grid,.inbox-layout,.form-grid,.detail-grid,.component-add{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,78vw)}.detail-section dl{grid-template-columns:1fr}}