:root{color-scheme:light;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand: #6f0f3d;--brand-strong: #4a0927;--brand-soft: #fff0f7;--accent: #d8a845;--accent-soft: #fff4cf;--bg: #fbf7ef;--bg-gradient-a: rgba(243, 217, 155, .58);--bg-gradient-b: rgba(111, 15, 61, .12);--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--surface-muted: #fff9ee;--text: #25111d;--muted: #7c6570;--border: rgba(73, 18, 42, .15);--shadow: 0 24px 70px rgba(43, 18, 32, .12);--success: #15803d;--warning: #b7791f;--danger: #b91c1c;--info: #075985;--deadline-green: #16a34a;--deadline-yellow: #f59e0b;--deadline-red: #dc2626;--deadline-black: #111827;--deadline-gray: #8a8f98;--radius-lg: 30px;--radius-md: 20px;--radius-sm: 12px;--focus: #facc15}:root[data-theme=alt]{color-scheme:light;--brand: #174e63;--brand-strong: #0b2b38;--brand-soft: #e9f8fc;--accent: #b46b36;--accent-soft: #fff0e4;--bg: #f5fbfd;--bg-gradient-a: rgba(87, 184, 197, .26);--bg-gradient-b: rgba(180, 107, 54, .16);--surface: rgba(255, 255, 255, .92);--surface-muted: #eefbff;--text: #10242c;--muted: #50666d;--border: rgba(23, 78, 99, .18);--shadow: 0 24px 70px rgba(16, 36, 44, .12);--focus: #0ea5e9}:root[data-theme=dark]{color-scheme:dark;--brand: #f0a6c8;--brand-strong: #ffd2e5;--brand-soft: #351323;--accent: #f5d38b;--accent-soft: #332613;--bg: #130b10;--bg-gradient-a: rgba(111, 15, 61, .38);--bg-gradient-b: rgba(243, 217, 155, .1);--surface: rgba(37, 20, 30, .93);--surface-strong: #24131d;--surface-muted: #1f151b;--text: #fff7fb;--muted: #d9c1cc;--border: rgba(255, 230, 245, .16);--shadow: 0 24px 70px rgba(0, 0, 0, .42);--focus: #fde68a}:root[data-theme=contrast]{color-scheme:dark;--brand: #ffffff;--brand-strong: #ffffff;--brand-soft: #000000;--accent: #ffff00;--accent-soft: #111100;--bg: #000000;--bg-gradient-a: transparent;--bg-gradient-b: transparent;--surface: #000000;--surface-strong: #000000;--surface-muted: #080808;--text: #ffffff;--muted: #ffffff;--border: #ffffff;--shadow: none;--focus: #ffff00;--success: #00ff66;--warning: #ffff00;--danger: #ff6666;--info: #66ccff}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 5% 0%,var(--bg-gradient-a),transparent 36rem),radial-gradient(circle at 95% 100%,var(--bg-gradient-b),transparent 35rem),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:10px}img,svg{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:10px;z-index:9999;background:var(--surface-strong);color:var(--text);border:2px solid var(--focus);border-radius:999px;padding:.75rem 1rem;font-weight:900}.skip-link:focus{left:18px}.app-header{min-height:76px;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.main-nav a,.user-pill,.back-link,.text-link{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:950;letter-spacing:-.02em;white-space:nowrap}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--surface-strong);box-shadow:0 12px 24px color-mix(in srgb,var(--brand) 26%,transparent);font-weight:950}:root[data-theme=contrast] .brand-mark{border:2px solid var(--border);color:#000;background:#fff}.main-nav{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0}.main-nav a{color:var(--muted);padding:.65rem .85rem;border-radius:999px;font-weight:800;white-space:nowrap}.main-nav a:hover{background:var(--brand-soft);color:var(--brand-strong)}.main-nav a.active{background:var(--brand);color:var(--surface-strong)}.header-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto;min-width:max-content}.icon-button,.secondary-button,.primary-button,.company-pill,.user-pill,.theme-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.7rem .95rem;font-weight:850;min-height:42px;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.primary-button{background:var(--brand);color:var(--surface-strong);border-color:transparent;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 22%,transparent)}.secondary-button{background:var(--surface-strong)}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.user-pill:hover,.theme-select:hover{transform:translateY(-1px)}.theme-select{padding:.3rem .45rem .3rem .75rem}.theme-select select{border:0;background:transparent;color:var(--text);font-weight:850;cursor:pointer;max-width:10rem}.company-pill,.user-pill{background:var(--accent-soft);color:var(--brand-strong)}.mobile-menu-button{display:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:999px;padding:.65rem .9rem;font-weight:900}.app{min-height:100vh}.home-page,.page-shell,.public-home{width:min(1420px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,3vw,3rem) 0}.panel,.hero-card,.public-hero,.public-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel,.hero-card{padding:clamp(1.25rem,3vw,2.4rem)}.eyebrow{margin:0 0 .8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.22em;font-size:.82rem;font-weight:950}h1,h2,h3{color:var(--text);letter-spacing:-.045em}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:0 0 1rem}h2{font-size:clamp(1.75rem,4vw,3rem);line-height:1.05;margin:.4rem 0 1.25rem}h3{margin:0 0 .55rem}p{line-height:1.65}.loading-screen{min-height:50vh;display:grid;place-items:center;font-weight:900;color:var(--muted)}.public-hero{padding:clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.75fr);gap:clamp(1.25rem,4vw,3rem);align-items:center}.public-subtitle,.section-intro{max-width:760px;color:var(--muted);font-size:1.08rem}.public-actions,.home-actions,.page-title-row,.filter-row,.kanban-toolbar,.view-toggle,.inline-form,.modal-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.public-actions{margin-top:1.5rem}.text-link{font-weight:900;color:var(--brand-strong);text-decoration:underline;text-underline-offset:4px}.public-preview{display:grid;justify-items:stretch}.preview-window{background:linear-gradient(145deg,var(--surface-strong),var(--accent-soft));border:1px solid var(--border);border-left:12px solid var(--deadline-green);border-radius:26px;padding:1.3rem;box-shadow:0 18px 40px color-mix(in srgb,var(--brand) 14%,transparent)}.preview-topline{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.priority-pill{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:999px;background:#111;color:#fff;font-weight:950}.preview-window h2{font-size:clamp(1.4rem,3vw,2.1rem);margin:1rem 0}.preview-progress{height:10px;background:color-mix(in srgb,var(--muted) 18%,transparent);border-radius:999px;overflow:hidden}.preview-progress span{display:block;height:100%;width:62%;background:var(--brand);border-radius:inherit}.preview-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.preview-meta span,.tag,.action-card-meta span{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.28rem .55rem;font-size:.88rem;font-weight:800}.public-section{margin-top:1.5rem;padding:clamp(1.5rem,4vw,3rem)}.public-feature-grid,.funnel-grid,.card-grid,.admin-shortcuts,.compact-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.public-feature-card,.funnel-card,.summary-card,.admin-card,.auth-card,.compact-empty{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem;box-shadow:0 10px 30px color-mix(in srgb,var(--brand) 6%,transparent)}.feature-icon{font-size:2rem}.public-feature-card p,.funnel-card p,.summary-card span,.summary-card small{color:var(--muted)}.workflow-list{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.workflow-list li{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:1rem;display:grid;gap:.7rem}.workflow-list span,.funnel-number{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:var(--surface-strong);font-weight:950}.install-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.install-steps article{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.2rem}.install-steps ol{margin:.5rem 0 0;padding-left:1.2rem}.auth-page{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,4vw,3rem) 0}.auth-card,.modal-card{width:min(900px,100%);margin:0 auto}.auth-form,.form-grid,.full-field,.comment-form{display:grid;gap:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:.4rem;color:var(--muted);font-weight:850}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong);color:var(--text);padding:.85rem 1rem}textarea{resize:vertical;min-height:120px}.password-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.check-row{display:flex;align-items:center;gap:.6rem}.check-row input{width:auto}.auth-footer-link{margin-top:1rem}.message{padding:1rem;border-radius:16px;font-weight:850;border:1px solid var(--border)}.message.error{background:color-mix(in srgb,var(--danger) 14%,var(--surface-strong));color:var(--danger)}.message.success{background:color-mix(in srgb,var(--success) 14%,var(--surface-strong));color:var(--success)}.message.info{background:color-mix(in srgb,var(--info) 14%,var(--surface-strong));color:var(--info)}.empty-state{border:1px dashed var(--border);border-radius:18px;padding:1rem;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.profile-grid>div{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:1rem;display:grid;gap:.35rem}.profile-grid span{color:var(--muted);font-weight:800}.table-wrapper,.table-card{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.tree-wrapper{overflow-x:auto}.tree,.tree ul{list-style:none;padding-left:1.2rem}.tree-card{display:inline-grid;gap:.25rem;min-width:240px;margin:.4rem 0;padding:1rem;border-radius:18px;background:var(--surface-strong);border:1px solid var(--border);text-decoration:none}.department-node{border-left:8px solid var(--brand)}.project-node{border-left:8px solid var(--accent)}.kanban-shell .panel{max-width:100%}.kanban-board,.strategic-board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1rem;align-items:start;margin-top:1rem}.kanban-column,.strategic-column{background:color-mix(in srgb,var(--surface-strong) 78%,var(--surface-muted));border:1px solid var(--border);border-radius:24px;padding:.9rem;min-height:180px}.kanban-column.archive{grid-column:1 / -1;min-height:120px}.column-header,.strategic-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.75rem}.column-header h2,.strategic-header h2{font-size:1.05rem;margin:0}.column-header span,.strategic-header span{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:.2rem .55rem;font-weight:900}.column-cards{display:grid;gap:.65rem}.view-toggle button,.filter-row button,.role-chip-grid button,.chip{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);border-radius:999px;padding:.65rem .9rem;font-weight:850;cursor:pointer}.view-toggle button.selected,.filter-row button.selected,.role-chip-grid button.selected,.chip.selected{background:var(--brand);color:var(--surface-strong)}.action-card.compact{--deadline-color: var(--deadline-gray);display:grid;grid-template-columns:58px 1fr;min-height:74px;padding:0;overflow:hidden;border-radius:18px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 9%,transparent);text-decoration:none;color:var(--text)}.action-card.compact.deadline-green{--deadline-color: var(--deadline-green)}.action-card.compact.deadline-yellow{--deadline-color: var(--deadline-yellow)}.action-card.compact.deadline-red{--deadline-color: var(--deadline-red)}.action-card.compact.deadline-black{--deadline-color: var(--deadline-black)}.action-card.compact.deadline-gray,.action-card.compact.deadline-neutral{--deadline-color: var(--deadline-gray)}.action-priority-dot{min-width:58px;display:grid;place-items:center;background:radial-gradient(circle at center,#111 0 19px,transparent 20px),var(--deadline-color);color:#fff;font-weight:950;line-height:1;box-shadow:inset -1px 0 #0000001f}.action-card-main{min-width:0;padding:.72rem .85rem}.action-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.action-card.compact h3{margin:0;font-size:1rem;line-height:1.15;letter-spacing:-.02em}.action-card-menu{color:var(--muted);font-weight:950}.action-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.42rem}.action-card-meta span{font-size:.78rem;padding:.18rem .42rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:grid;place-items:center;padding:1rem}.modal-card{max-height:min(92vh,900px);overflow:auto;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.comments-list{display:grid;gap:.8rem}.comment-card,.description-box{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.admin-home-panel{margin-bottom:1rem}.role-funnel{display:grid;gap:.75rem}.role-funnel article{background:var(--surface-strong);border:1px solid var(--border);border-left:8px solid var(--brand);border-radius:18px;padding:1rem}.role-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 1180px){.main-nav{position:fixed;left:1rem;right:1rem;top:82px;display:none;flex-direction:column;align-items:stretch;background:var(--surface-strong);border:1px solid var(--border);border-radius:22px;padding:.8rem;box-shadow:var(--shadow)}.main-nav.open{display:flex}.mobile-menu-button{display:inline-flex;align-items:center;gap:.4rem}.header-actions{gap:.35rem}.company-pill{display:none}}@media (max-width: 980px){.public-hero{grid-template-columns:1fr}.public-feature-grid,.funnel-grid,.card-grid,.admin-shortcuts,.compact-grid,.admin-grid,.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-board,.strategic-board{grid-template-columns:1fr}.kanban-column.archive{grid-column:auto}}@media (max-width: 720px){.app-header{min-height:auto;padding:.75rem;gap:.5rem;flex-wrap:wrap}.brand{flex:1}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;margin-left:0}.theme-select select{max-width:8rem}.public-home,.home-page,.page-shell{width:min(100% - 1rem,1420px);padding:1rem 0}.public-hero,.public-section,.panel,.hero-card{border-radius:22px;padding:1.1rem}.public-feature-grid,.funnel-grid,.card-grid,.admin-shortcuts,.compact-grid,.admin-grid,.workflow-list,.install-steps,.form-grid{grid-template-columns:1fr}h1{font-size:clamp(2.1rem,12vw,3.6rem)}.public-actions,.home-actions{align-items:stretch}.public-actions>*,.home-actions>*{justify-content:center;width:100%}.password-row{grid-template-columns:1fr}.action-card.compact{grid-template-columns:50px 1fr;min-height:68px}.action-priority-dot{min-width:50px;background:radial-gradient(circle at center,#111 0 17px,transparent 18px),var(--deadline-color)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
