:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#172b4d;background:#f4f5f7;--nav:#0c66e4;--surface:#ffffff;--surface-soft:#f1f2f4;--text:#172b4d;--muted:#626f86;--border:#dfe1e6;--shadow:0 1px 1px rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.2)}:root[data-theme=dark]{color:#b6c2cf;background:#1d2125;--nav:#1d2125;--surface:#22272b;--surface-soft:#282e33;--text:#b6c2cf;--muted:#9fadbc;--border:#3b444c;--shadow:0 1px 1px rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#f4f5f7;color:var(--text)}:root[data-theme=dark] body{background:#1d2125}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.appbar{height:48px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 10px;gap:14px;position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.15)}.brand{display:flex;align-items:center;gap:8px}.brand-logo{width:28px;height:28px;border-radius:6px;background:#fff;color:#0c66e4;display:grid;place-items:center;font-weight:900}.appbar nav{display:flex;align-items:center;gap:6px;margin-left:auto}.top-action{position:relative;width:32px;height:32px;border:0;border-radius:6px;background:#ffffff1f;color:#fff;display:grid;place-items:center}.top-action:hover{background:#ffffff38}.global-search{position:relative;display:flex;align-items:center;gap:8px;background:#ffffff2e;border-radius:6px;padding:0 10px;width:min(520px,45vw)}.global-search input{height:32px;flex:1;border:0;background:transparent;color:#fff;outline:0}.global-search input::placeholder{color:#fffc}.search-results{position:absolute;top:38px;left:0;right:0;background:var(--surface);color:var(--text);border-radius:8px;box-shadow:0 8px 30px #0000004d;padding:8px;max-height:360px;overflow:auto}.search-results a{display:block;padding:10px;border-radius:6px}.search-results a:hover{background:var(--surface-soft)}.search-results small{display:block;color:var(--muted);margin-top:4px}.avatar{width:30px;height:30px;border-radius:50%;background:#579dff;color:#0c2d4f;display:grid;place-items:center;font-size:12px;font-weight:700;border:2px solid rgba(255,255,255,.5)}.avatar.online:after{content:"";position:absolute;width:8px;height:8px;background:#36b37e;border:2px solid white;border-radius:50%;right:0;bottom:0}.presence .avatar{position:relative;margin-left:-5px}.badge{position:absolute;right:-4px;top:-5px;background:#f15b50;color:#fff;border-radius:20px;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid;place-items:center}.notification-wrap{position:relative}.notification-panel{position:absolute;right:0;top:38px;width:340px;max-height:480px;overflow:auto;background:var(--surface);color:var(--text);border-radius:10px;box-shadow:0 12px 40px #00000059;padding:12px}.notification-panel h3{margin:4px 6px 10px}.notification-panel button{width:100%;text-align:left;border:0;background:var(--surface-soft);color:var(--text);padding:10px;border-radius:7px;margin-bottom:6px}.notification-panel button.read{opacity:.6}.notification-panel small{display:block;color:var(--muted);margin-top:4px}footer{padding:12px 18px;background:#091e42;color:#dfe1e6;font-size:12px}.landing{min-height:calc(100vh - 90px);padding:60px;max-width:1200px;margin:auto}.landing-hero{text-align:center;margin-bottom:50px}.landing-hero h1{font-size:56px;margin:12px}.landing-hero p{font-size:20px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.workspace-card{height:170px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.workspace-overlay{height:100%;padding:22px;background:linear-gradient(180deg,#0000000d,#0000008c);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.workspace-overlay h2,.workspace-overlay p{margin:4px}.login-page{min-height:calc(100vh - 80px);display:grid;place-items:center;background:linear-gradient(135deg,#e9f2ff,#f4f5f7)}:root[data-theme=dark] .login-page{background:#1d2125}.login-card{width:400px;background:var(--surface);padding:36px;border-radius:12px;box-shadow:0 12px 40px #0000002e}.login-logo{width:48px;height:48px;border-radius:10px;background:#0c66e4;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;margin:auto}.login-card h1{text-align:center}.login-card label{display:block;font-weight:600;margin-top:16px}.login-card input{width:100%;padding:11px;border:2px solid var(--border);border-radius:4px;margin-top:6px;background:var(--surface);color:var(--text)}.login-card>button,.create-board>button{width:100%;border:0;border-radius:4px;padding:11px;background:#0c66e4;color:#fff;font-weight:600;margin-top:20px}.error{background:#ffebe6;color:#ae2a19;padding:10px;border-radius:4px}.board-page{height:calc(100vh - 48px);min-height:600px;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}.board-toolbar{height:56px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;background:#0000003d;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.board-toolbar>div{display:flex;align-items:center;gap:10px}.board-toolbar h1{font-size:18px;margin:0}.workspace-pill{background:#fff3;padding:6px 9px;border-radius:4px;font-size:12px}.toolbar-actions button{border:0;border-radius:4px;background:#ffffff2e;color:#fff;padding:8px 10px;display:flex;align-items:center;gap:6px}.presence{display:flex;align-items:center}.board-canvas{height:calc(100% - 56px);display:flex;align-items:flex-start;gap:12px;padding:12px;overflow:auto}.trello-list{width:272px;min-width:272px;max-height:calc(100vh - 126px);display:flex;flex-direction:column;background:var(--surface-soft);border-radius:12px;padding:8px;box-shadow:var(--shadow)}.list-header{display:flex;align-items:center;padding:4px 6px 8px}.list-header h3{font-size:14px;margin:0;flex:1;padding:4px}.list-header button{border:0;background:transparent;color:var(--text);width:28px;height:28px;border-radius:6px}.list-header svg{width:18px}.list-cards{overflow:auto;min-height:4px;padding:1px}.trello-card{background:var(--surface);border-radius:8px;box-shadow:var(--shadow);margin-bottom:8px;overflow:hidden;cursor:pointer;border:1px solid transparent}.trello-card:hover{border-color:#388bff}.card-cover{height:32px}.card-body{padding:10px 12px}.card-title{font-size:14px;line-height:20px}.label{display:inline-block;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700;margin-bottom:6px;text-transform:capitalize}.label-low{background:#e9f2ff;color:#05c}.label-high{background:#fff0b3;color:#7f5f01}.label-urgent{background:#ffd5d2;color:#ae2a19}.label-normal{background:#dcdfe4;color:#44546f}.card-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-top:8px}.card-meta span{display:flex;align-items:center;gap:3px}.card-meta svg{width:14px;height:14px}.add-card,.delete-list{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;padding:8px;border-radius:6px;width:100%}.add-card:hover{background:#091e4214;color:var(--text)}.add-card svg,.delete-list svg{width:16px}.delete-list{color:#ae2a19;font-size:12px}.quick-add textarea{width:100%;min-height:70px;resize:none;border:0;border-radius:8px;padding:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);outline:0}.quick-add>div{display:flex;align-items:center;gap:6px;margin-top:7px}.quick-add button{border:0;border-radius:4px;padding:7px;background:transparent;color:var(--text)}.quick-add .add-primary{background:#0c66e4;color:#fff;padding:8px 12px}.add-list{width:272px;min-width:272px;border:0;border-radius:12px;padding:12px;background:#ffffff40;color:#fff;text-align:left;display:flex;align-items:center;gap:7px}.drag-preview{width:272px;transform:rotate(3deg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#091e428a;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px;overflow:auto}.card-dialog{width:min(768px,100%);background:var(--surface);border-radius:12px;position:relative;box-shadow:0 20px 80px #0006;overflow:hidden}.dialog-cover{height:116px}.close-dialog{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#091e4224;color:var(--text);display:grid;place-items:center}.dialog-main{display:grid;grid-template-columns:1fr 170px;gap:24px;padding:26px 28px 34px}.card-content h3{display:flex;align-items:center;gap:8px;font-size:16px;margin-top:28px}.card-content h3 svg{width:20px}.title-row{display:flex;align-items:flex-start;gap:12px}.title-row>svg{margin-top:9px}.title-input{font-size:20px;font-weight:650;border:0;background:transparent;color:var(--text);width:100%;padding:7px}.title-input:focus{background:var(--surface-soft);outline:2px solid #388bff;border-radius:4px}.rich-editor{border:1px solid var(--border);border-radius:6px;background:var(--surface)}.editor-toolbar{display:flex;gap:3px;padding:5px;border-bottom:1px solid var(--border)}.editor-toolbar button{border:0;background:transparent;color:var(--text);width:30px;height:30px;border-radius:4px}.editor-toolbar button:hover,.editor-toolbar button.active{background:var(--surface-soft)}.editor-toolbar svg{width:16px}.ProseMirror{min-height:90px;padding:12px;outline:0}.ProseMirror p{margin:0 0 8px}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;height:0;pointer-events:none}.save-button,.secondary{border:0;background:#0c66e4;color:#fff;border-radius:4px;padding:8px 12px;margin-top:8px}.secondary{background:var(--surface-soft);color:var(--text);display:flex;align-items:center;gap:6px}.progress{height:8px;background:var(--surface-soft);border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#0c66e4}.checklist label{display:flex;gap:10px;align-items:center;padding:7px}.checklist input{width:16px;height:16px}.complete{text-decoration:line-through;color:var(--muted)}.inline-add{display:flex;gap:7px;margin-top:8px}.inline-add input{flex:1;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text)}.inline-add button{border:0;border-radius:4px;padding:8px 12px}.attachments a{display:flex;gap:10px;padding:8px;border-radius:6px}.attachments a:hover{background:var(--surface-soft)}.attachment-thumb{width:64px;height:46px;background:var(--surface-soft);display:grid;place-items:center;border-radius:4px}.attachments small{display:block;color:var(--muted);margin-top:4px}.comment-compose,.comments article{display:flex;gap:10px;margin:12px 0}.comment-compose>div:last-child{flex:1}.comments article>div:last-child{flex:1}.comments small{display:block;color:var(--muted);font-size:11px;margin:3px 0 6px}.comments article .avatar{flex:none}.card-sidebar h4{font-size:12px;color:var(--muted);text-transform:uppercase;margin:18px 0 6px}.card-sidebar>button{width:100%;border:0;border-radius:4px;padding:8px;background:var(--surface-soft);color:var(--text);display:flex;align-items:center;gap:7px;margin-bottom:7px}.card-sidebar>button svg{width:16px}.card-sidebar label{display:block;font-size:12px;margin-bottom:10px}.card-sidebar select,.card-sidebar input{width:100%;margin-top:4px;padding:7px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px}.card-sidebar .danger{color:#ae2a19}.side-panel{position:fixed;right:0;top:48px;bottom:0;width:360px;background:var(--surface);z-index:70;box-shadow:-8px 0 30px #00000040;padding:16px;overflow:auto}.side-panel header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.side-panel header button{border:0;background:transparent;color:var(--text)}.brand-preview{height:120px;border-radius:8px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid div{background:var(--surface-soft);padding:14px;border-radius:8px}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font-size:28px}.stat-grid span{color:var(--muted);font-size:12px}.bar-row{display:grid;grid-template-columns:90px 1fr 30px;gap:8px;align-items:center;margin:9px 0}.bar-row>div{height:10px;background:var(--surface-soft);border-radius:5px}.bar-row i{display:block;height:100%;background:#0c66e4;border-radius:5px}.priority-row{display:flex;justify-content:space-between;margin:8px 0}.admin-page{min-height:calc(100vh - 48px);display:grid;grid-template-columns:240px 1fr;background:var(--surface-soft)}.admin-sidebar{padding:24px;background:var(--surface);border-right:1px solid var(--border)}.admin-sidebar button{width:100%;border:0;background:transparent;color:var(--text);padding:10px;display:flex;align-items:center;gap:9px;border-radius:6px}.admin-sidebar button.active{background:#e9f2ff;color:#05c}.admin-sidebar svg{width:18px}.admin-content{padding:30px;overflow:auto}.admin-layout{display:grid;grid-template-columns:380px 1fr;gap:24px}.create-board,.board-admin-list article{background:var(--surface);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.create-board label{display:block;font-size:12px;margin:8px 0;text-transform:capitalize}.create-board input{width:100%;padding:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px}.board-admin-list{display:grid;gap:10px}.board-admin-list article{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center}.board-swatch{height:55px;border-radius:7px}.board-admin-list h3,.board-admin-list p{margin:3px}.board-admin-list p{color:var(--muted)}.board-admin-list button,.audit-filters button{border:0;border-radius:4px;padding:8px 10px;display:flex;align-items:center;gap:5px}.audit-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.audit-filters input,.audit-filters select{padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text)}.audit-table article{display:grid;grid-template-columns:160px 130px 140px 1fr 170px;gap:10px;padding:10px;background:var(--surface);border-bottom:1px solid var(--border);font-size:12px}.audit-table code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legal{max-width:800px;margin:60px auto;padding:30px;background:var(--surface);border-radius:10px;box-shadow:var(--shadow);line-height:1.7}.loading-screen{min-height:100vh;display:grid;place-items:center}@media(max-width:850px){.global-search{display:none}.dialog-main{grid-template-columns:1fr}.card-sidebar{order:-1}.admin-page{grid-template-columns:1fr}.admin-sidebar{display:flex;gap:8px}.admin-layout{grid-template-columns:1fr}.audit-table article{grid-template-columns:1fr}.landing{padding:30px}.side-panel{width:100%}}.security-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.security-title>div:last-child{display:flex;gap:8px}.security-title button,.security-tabs button,.security-filters button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:9px 12px}.security-title svg,.security-tabs svg,.security-filters svg{width:16px}.security-tabs{display:flex;gap:8px;margin:18px 0}.security-tabs button.active{background:#0c66e4;color:#fff}.security-filters{display:grid;grid-template-columns:160px 140px minmax(220px,1fr) 150px 150px auto;gap:8px;margin-bottom:14px}.security-filters input,.security-filters select{padding:9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.security-table{display:grid;gap:7px}.security-table article{display:grid;grid-template-columns:110px 1.1fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center;background:var(--surface);border-left:4px solid #0c66e4;border-radius:8px;padding:12px;box-shadow:var(--shadow)}.security-table article.failed{border-left-color:#e34935}.security-table article.success{border-left-color:#22a06b}.security-table strong,.security-table small{display:block}.security-table small{color:var(--muted);margin-top:4px}.security-result{display:flex;align-items:center;gap:7px}.security-result svg{width:18px}.force-logout{margin-top:5px;border:0;border-radius:5px;background:#ffebe6;color:#ae2a19;padding:6px 8px}.alerts-list{display:grid;gap:10px}.alerts-list article{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start;background:#fff0b3;color:#172b4d;padding:14px;border-radius:8px}.alerts-list article.ack{opacity:.55}.alerts-list p{margin:5px 0}.alerts-list button{border:0;border-radius:5px;padding:8px}@media(max-width:1000px){.security-filters{grid-template-columns:1fr 1fr}.security-table article{grid-template-columns:1fr 1fr}.security-title{align-items:flex-start;flex-direction:column}}@media print{.appbar,.admin-sidebar,.security-tabs,.security-filters,.security-title button,footer{display:none!important}.admin-page{display:block}.admin-content{padding:0}.security-table article{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.board-admin-actions{display:flex;align-items:center;gap:8px}.board-admin-actions button{border:0;border-radius:6px;padding:9px 12px}.delete-board-button{background:#c9372c;color:#fff}.delete-board-button:hover{background:#ae2e24}