@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-primary: #f7f4ee;--color-bg-secondary: #fdfaf3;--color-bg-tertiary: #efe7d6;--color-bg-card: #ffffff;--color-bg-card-hover: #fbf7ee;--color-bg-glass: rgba(255, 255, 255, .85);--color-text-primary: #2a3447;--color-text-secondary: #5b6478;--color-text-muted: #8b91a3;--color-text-accent: #6c8ee3;--color-border: #ece4d2;--color-border-active: #c9b48a;--color-indigo: #8a7fd1;--color-indigo-light: #b3a8e6;--color-indigo-dark: #6c5fb4;--color-cyan: #7cc6cf;--color-cyan-light: #b0dde2;--color-emerald: #88c9a1;--color-emerald-light: #b8e0c9;--color-amber: #f0c674;--color-amber-light: #f6dca0;--color-rose: #e89aa3;--color-rose-light: #f3c0c5;--color-violet: #b08fc7;--color-indigo-subtle: #ece8fa;--color-emerald-subtle: #e3f1e8;--color-amber-subtle: #fbeed1;--color-rose-subtle: #f7dde0;--color-rose-muted: #efb9c0;--color-neutral-subtle: #efeae0;--color-emerald-glow: rgba(136, 201, 161, .45);--color-amber-glow: rgba(240, 198, 116, .45);--color-rose-glow: rgba(232, 154, 163, .45);--gradient-primary: linear-gradient(135deg, #a7c7e7 0%, #c5b8e6 100%);--gradient-success: linear-gradient(135deg, #88c9a1 0%, #7cc6cf 100%);--gradient-warning: linear-gradient(135deg, #f0c674 0%, #e89aa3 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #fbf7ee 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 100%);--shadow-sm: 0 1px 2px rgba(122, 109, 90, .12);--shadow-md: 0 6px 16px -8px rgba(122, 109, 90, .25);--shadow-lg: 0 18px 32px -16px rgba(122, 109, 90, .3);--shadow-xl: 0 28px 48px -20px rgba(122, 109, 90, .35);--shadow-glow-indigo: 0 0 0 3px rgba(138, 127, 209, .18);--shadow-glow-cyan: 0 0 0 3px rgba(124, 198, 207, .22);--shadow-glow-emerald: 0 0 0 3px rgba(136, 201, 161, .25);--font-family: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--color-indigo-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cyan-light)}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-base),width var(--transition-base)}.sidebar-brand{padding:var(--space-6);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.sidebar-brand-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-lg);color:#2a2547;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.02em}.sidebar-brand-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto}.sidebar-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600;padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);margin-bottom:2px;text-decoration:none}.sidebar-link:hover{background:#8a7fd11a;color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-indigo-subtle);color:var(--color-indigo-dark);box-shadow:inset 3px 0 0 var(--color-indigo)}.sidebar-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.sidebar-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:#2a2547;flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.header-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.page-content{padding:var(--space-8)}.menu-toggle{display:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-sm)}.menu-toggle:hover{background:#8a7fd11f}.card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-glass);opacity:.5}.card:hover{border-color:var(--color-border-active);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card-flat{composes:card}.card-flat:hover{transform:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.card-value{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.03em;margin-top:var(--space-1)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.metric-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-base)}.metric-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-lg)}.metric-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.metric-card-icon.indigo{background:var(--color-indigo-subtle);color:var(--color-indigo-dark)}.metric-card-icon.cyan{background:#7cc6cf38;color:#3f8b95}.metric-card-icon.emerald{background:var(--color-emerald-subtle);color:#3f8b62}.metric-card-icon.amber{background:var(--color-amber-subtle);color:#a6741c}.metric-card-icon.rose{background:var(--color-rose-subtle);color:#a83a4a}.metric-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.metric-card-value{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.03em;margin:var(--space-1) 0;color:var(--color-text-primary)}.metric-card-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-full)}.metric-card-change.positive{background:var(--color-emerald-subtle);color:#3f8b62}.metric-card-change.negative{background:var(--color-rose-subtle);color:#a83a4a}.metric-card-change.neutral{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.dashboard-filters{background:var(--gradient-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);transition:all var(--transition-base)}.dashboard-filters:hover{border-color:var(--color-border-active)}.dashboard-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-filters-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.dashboard-filters-icon{font-size:var(--font-size-base)}.dashboard-filters-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.dashboard-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-filter-group .form-label{font-size:var(--font-size-xs);margin-bottom:0}.dashboard-filter-group .form-select{height:38px;font-size:var(--font-size-sm)}.dashboard-filters-active{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.dashboard-filters-active-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.dashboard-filter-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-indigo-subtle);color:var(--color-indigo-dark);font-size:var(--font-size-xs);font-weight:600;animation:fadeIn .2s ease-out}.dashboard-filter-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);font-size:10px;color:var(--color-indigo-dark);cursor:pointer;transition:all var(--transition-fast);line-height:1}.dashboard-filter-tag-remove:hover{background:#8a7fd159;color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.chart-container{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.chart-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text-primary)}.chart-wrapper{position:relative;height:280px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);white-space:nowrap;height:40px}.btn-primary{background:var(--gradient-primary);color:#2a2547;box-shadow:var(--shadow-sm);border:1px solid rgba(108,95,180,.2)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary);border-color:var(--color-border-active)}.btn-danger{background:var(--color-rose-subtle);color:#a83a4a;border:1px solid var(--color-rose-muted)}.btn-danger:hover{background:var(--color-rose-light);color:#5a1a23}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;align-items:center}.kanban-card{position:relative}.kanban-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease;z-index:2}.kanban-card:hover .kanban-card-actions,.kanban-card:focus-within .kanban-card-actions{opacity:1}.kanban-card-btn{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;transition:transform .1s ease,background .15s ease;line-height:1}.kanban-card-btn:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.kanban-card-btn-danger:hover{background:#e89aa326;border-color:var(--color-rose-light)}.btn-submit{background:var(--gradient-primary);color:#2a2547;border:1px solid rgba(108,95,180,.2)}.btn-submit:disabled{background:var(--color-neutral-subtle);color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2)}.btn-ghost:hover{background:#8a7fd11f;color:var(--color-text-primary)}.btn-sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{height:48px;padding:var(--space-3) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-icon.sm{width:32px;height:32px}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;height:44px;padding:0 var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-indigo);box-shadow:var(--shadow-glow-indigo);background:#fff}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235b6478' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select option{background:#fff;color:var(--color-text-primary);padding:var(--space-2) var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.likert-scale{display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-4) 0}.likert-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.likert-option input{display:none}.likert-circle{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:var(--color-text-secondary);transition:all var(--transition-spring);background:var(--color-bg-card)}.likert-option:hover .likert-circle{border-color:var(--color-indigo);color:var(--color-indigo-dark);transform:scale(1.1)}.likert-option.selected .likert-circle{background:var(--color-indigo-subtle);border-color:var(--color-indigo);color:var(--color-indigo-dark);transform:scale(1.15);box-shadow:var(--shadow-glow-indigo)}.likert-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;max-width:60px}.nps-scale{display:flex;gap:4px;justify-content:center;padding:var(--space-4) 0}.nps-option{cursor:pointer}.nps-option input{display:none}.nps-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-spring);background:var(--color-bg-card)}.nps-option:hover .nps-btn{transform:scale(1.1)}.nps-option.selected .nps-btn{color:#2a2547;border-color:transparent;transform:scale(1.12)}.nps-option.detractor.selected .nps-btn{background:var(--color-rose);color:#5a1a23;box-shadow:var(--shadow-glow-indigo)}.nps-option.passive.selected .nps-btn{background:var(--color-amber);color:#5c4316;box-shadow:var(--shadow-glow-indigo)}.nps-option.promoter.selected .nps-btn{background:var(--color-emerald);color:#1f5232;box-shadow:var(--shadow-glow-indigo)}.nps-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.table tr:hover td{background:var(--color-indigo-subtle)}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.badge-active{background:var(--color-emerald-subtle);color:#3f8b62}.badge-draft{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.badge-closed,.badge-high{background:var(--color-rose-subtle);color:#a83a4a}.badge-medium{background:var(--color-amber-subtle);color:#a6741c}.badge-low,.badge-role-admin{background:var(--color-indigo-subtle);color:var(--color-indigo-dark)}.badge-role-surveyor{background:var(--color-emerald-subtle);color:#3f8b62}.badge-role-viewer{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot.online{background:var(--color-emerald);box-shadow:0 0 6px var(--color-emerald)}.status-dot.offline{background:var(--color-text-muted)}.status-dot.syncing{background:var(--color-amber);animation:pulse 1.5s infinite}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);min-height:500px}.kanban-column{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:400px}.kanban-column-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.kanban-column-title{font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;gap:var(--space-2)}.kanban-column-count{font-size:var(--font-size-xs);font-weight:600;background:var(--color-bg-tertiary);padding:1px 8px;border-radius:var(--radius-full);color:var(--color-text-secondary)}.kanban-column-body{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.kanban-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:grab;transition:all var(--transition-fast)}.kanban-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing;box-shadow:var(--shadow-xl);transform:scale(1.02)}.kanban-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.kanban-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.kanban-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.kanban-card-assignee{color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1)}.kanban-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:0;transition:opacity var(--transition-fast)}.kanban-column.drag-over .kanban-drop-zone{opacity:1;border-color:var(--color-indigo-light);background:var(--color-indigo-subtle)}.survey-container{max-width:640px;margin:0 auto;padding:var(--space-4);padding-bottom:120px;min-height:100vh}@media(min-width:768px){.survey-container{padding:var(--space-8) var(--space-4);padding-bottom:var(--space-8)}}.survey-header{text-align:center;margin-bottom:var(--space-4)}.survey-title{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:1.2}@media(min-width:768px){.survey-title{font-size:var(--font-size-2xl)}}.survey-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.survey-progress{margin-bottom:var(--space-5)}.survey-progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.survey-progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .35s ease}.survey-progress-text{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-weight:600}.survey-step-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}@media(min-width:768px){.survey-step-card{padding:var(--space-8)}}.survey-step-eyebrow{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;color:var(--color-indigo-light);background:#6c5fb41a;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-3);text-transform:uppercase}.survey-step{margin-bottom:var(--space-4)}.survey-question-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-5);line-height:1.4}@media(min-width:768px){.survey-question-text{font-size:var(--font-size-xl)}}.survey-question-required{color:var(--color-rose);margin-left:4px}.survey-actions-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card, #fff);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);z-index:50;box-shadow:0 -4px 12px #0f172a0f}@media(min-width:768px){.survey-actions-sticky{position:static;background:transparent;border-top:none;box-shadow:none;padding:0;margin-top:var(--space-6)}}.survey-actions{display:flex;justify-content:space-between;gap:var(--space-3);max-width:640px;margin:0 auto}.survey-btn-tactile{flex:1;min-height:48px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.survey-btn-submit{background:var(--gradient-primary);font-weight:700}@media(min-width:768px){.survey-btn-tactile{flex:0 0 auto;min-width:140px}}.survey-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-5);box-shadow:var(--shadow-md);max-width:540px;margin:var(--space-8) auto}.survey-success{text-align:center;padding:var(--space-12) var(--space-4);animation:fadeInUp .5s ease-out}.survey-success-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-emerald-subtle);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto var(--space-6);box-shadow:var(--shadow-md)}.survey-success h2{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-3)}.survey-success p{color:var(--color-text-secondary);max-width:400px;margin:0 auto}.likert-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-3)}.likert-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-3) var(--space-1);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-bg-card);transition:transform .1s ease,border-color .15s ease,background .15s ease;min-height:72px;justify-content:center}.likert-option:active{transform:scale(.96)}.likert-option input{position:absolute;opacity:0;pointer-events:none}.likert-option.selected{border-color:var(--color-indigo);background:var(--color-indigo-subtle)}.likert-circle{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-base);margin-bottom:4px}.likert-option.selected .likert-circle{background:var(--color-indigo-light)}.likert-label{font-size:11px;color:var(--color-text-secondary);text-align:center;line-height:1.1}.nps-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-top:var(--space-3)}.nps-option{cursor:pointer;-webkit-user-select:none;user-select:none}.nps-option input{position:absolute;opacity:0;pointer-events:none}.nps-btn{width:100%;aspect-ratio:1;min-height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:#fff;background:var(--color-neutral-subtle);transition:transform .1s ease,opacity .15s ease}.nps-option:active .nps-btn{transform:scale(.92)}.nps-option.detractor .nps-btn{background:#e89aa3d9}.nps-option.passive .nps-btn{background:#f0c674d9}.nps-option.promoter .nps-btn{background:#88c9a1d9}.nps-option.selected .nps-btn{outline:3px solid var(--color-indigo);outline-offset:2px}.nps-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);margin-top:var(--space-2)}.survey-step-card .form-input,.survey-step-card .form-select{min-height:48px;font-size:16px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-xl)}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-brand-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-2xl);color:#2a2547;margin:0 auto var(--space-4);box-shadow:var(--shadow-md)}.login-brand h1{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.03em}.login-brand p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.login-error{background:var(--color-rose-subtle);border:1px solid var(--color-rose-muted);color:#a83a4a;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);text-align:center;animation:shake .4s ease}.sync-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.sync-indicator.online{background:var(--color-emerald-subtle);color:#3f8b62}.sync-indicator.offline{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.sync-indicator.syncing{background:var(--color-amber-subtle);color:#a6741c}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.animate-slide-in{animation:slideIn .3s ease-out both}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.main-content{margin-left:0}.menu-toggle{display:flex}.page-content{padding:var(--space-4)}.metrics-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.header{padding:0 var(--space-4)}.likert-circle{width:40px;height:40px;font-size:var(--font-size-base)}.nps-btn{width:32px;height:32px;font-size:var(--font-size-xs)}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.survey-container{padding:var(--space-4) var(--space-3)}}.public-layout{min-height:100vh;background:var(--color-bg-primary)}.public-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-hero{text-align:center;padding:var(--space-12) var(--space-4);background:radial-gradient(ellipse at center,rgba(138,127,209,.14) 0%,transparent 70%)}.public-hero h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.03em}.public-hero p{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.public-content{max-width:1200px;margin:0 auto;padding:var(--space-8)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.w-full{width:100%}.opacity-60{opacity:.6}.responses-explorer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-soft)}.explorer-header{margin-bottom:var(--space-5)}.explorer-filters{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.explorer-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.explorer-filters-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--color-border-soft)}.explorer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6)}@media(min-width:1024px){.explorer-grid{grid-template-columns:1fr 2fr}}.explorer-summary{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3)}.explorer-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.explorer-summary-row:nth-child(2){grid-template-columns:repeat(3,1fr)}.explorer-summary-cell{padding:var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.explorer-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.explorer-summary-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary)}.explorer-summary-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.explorer-chart{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.explorer-chart-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.explorer-chart-body{flex:1;min-height:280px;position:relative;display:flex;align-items:center;justify-content:center}.explorer-loading,.explorer-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6);text-align:center}.explorer-table-wrap{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.explorer-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.explorer-pager{display:flex;align-items:center;gap:var(--space-2)}.explorer-pager-info{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:0 var(--space-2)}.explorer-table-wrap .table-container{overflow-x:auto}.explorer-table-wrap .table{min-width:640px}.explorer-table-wrap .table th{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}