*{box-sizing:border-box}body{margin:0;background:#fafafa;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#111}a{color:#1976d2}a:hover{color:#1565c0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:20px;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid rgba(0,0,0,.12);flex:none;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-logo{mix-blend-mode:multiply}.brand-fallback{font-family:Roboto,sans-serif;letter-spacing:-.01em;color:#111;white-space:nowrap}.brand-fallback strong{font-weight:700}.brand-app{font-size:13px;color:#0009;border-left:1px solid rgba(0,0,0,.16);padding-left:12px}.topbar-spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:#f0f1f3;border-radius:6px;padding:7px 12px;width:260px;cursor:text}.search:focus-within{outline:2px solid #1976d2}.search .material-icons-outlined{font-size:20px;color:#00000073}.search input{border:none;background:transparent;outline:none;font:400 14px Roboto,sans-serif;width:100%;color:#111}.btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;background:#1976d2;color:#fff;border:none;border-radius:4px;padding:8px 16px;font:500 14px Roboto,sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:0 1px 3px #0003}.btn-primary:hover{background:#1565c0}.btn-primary .material-icons,.btn-primary .material-icons-outlined{font-size:18px}.avatar{border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Roboto,sans-serif;font-weight:500}.user-area{position:relative;padding-left:8px;border-left:1px solid rgba(0,0,0,.12)}.user-button{display:flex;align-items:center;gap:10px;background:none;border:none;padding:4px 6px;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif}.user-button:hover{background:#0000000d}.user-button .avatar{width:34px;height:34px;font-size:14px;background:#7b1fa2}.user-text{line-height:1.25;text-align:left}.user-name{display:block;font-size:13px;font-weight:500;color:#111}.user-sub{display:block;font-size:11px;color:#0000008c}.user-caret{font-size:19px;color:#00000073}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.menu{position:absolute;top:calc(100% + 6px);right:0;z-index:90;background:#fff;border-radius:6px;box-shadow:0 5px 15px #0003;min-width:200px;padding:6px 0}.menu-header{padding:8px 16px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.menu-email{font-size:12px;color:#0000008c}.menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:9px 16px;font:400 14px Roboto,sans-serif;color:#111;cursor:pointer;text-align:left}.menu-item:hover{background:#0000000d}.menu-item .material-icons-outlined{font-size:19px;color:#0000008c}.board{flex:1;display:flex;gap:14px;align-items:stretch;overflow-x:auto;padding:18px 24px;min-height:0}.column{flex:none;display:flex;flex-direction:column;min-height:0;width:300px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.column-header{display:flex;align-items:center;gap:8px;padding:12px 14px 8px;flex:none}.column-dot{width:9px;height:9px;border-radius:50%;flex:none}.column-title{font-size:13px;font-weight:500;letter-spacing:.02em;color:#333;text-transform:uppercase}.column-count{font:500 12px Roboto,sans-serif;color:#0009;background:#00000012;border-radius:10px;padding:1px 8px}.column-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 10px 12px;min-height:60px;border-radius:0 0 8px 8px;background:transparent}.column-cards.drag-over{background:#1976d21a}.column-empty{border:1.5px dashed rgba(0,0,0,.16);border-radius:6px;padding:18px 10px;text-align:center;font-size:12px;color:#0006}.card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000024;padding:12px 14px;cursor:pointer}.card:hover{box-shadow:0 3px 8px #0000002e}.card.dragging{opacity:.35}.card-pending{opacity:.6;cursor:default}.card-pending:hover{box-shadow:0 1px 3px #00000024}.card-pending .spin{font-size:17px;color:#00000073}.card-head{display:flex;align-items:flex-start;gap:8px}.card-name{flex:1;font-size:14px;font-weight:500;line-height:1.35;color:#111;text-wrap:pretty}.card-links{display:flex;gap:2px;flex:none;margin:-4px -6px 0 0}.icon-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#00000073;text-decoration:none}.icon-link:hover{background:#1976d217;color:#1976d2}.icon-link .material-icons-outlined{font-size:17px}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{font:500 10.5px Roboto,sans-serif;letter-spacing:.02em;color:#0009;background:#00000012;border-radius:10px;padding:2px 8px}.card-owner{display:flex;align-items:center;gap:6px;margin-top:9px}.card-owner .avatar{width:22px;height:22px;font-size:10px}.card-owner-name{font-size:12.5px;color:#000000bf}.card-meta{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:12px;color:#0000008c}.card-meta .flex-spacer{flex:1}.card-updated{display:flex;align-items:center;gap:3px}.card-updated .material-icons-outlined{font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:40}.detail{position:fixed;top:0;right:0;bottom:0;width:380px;background:#fff;box-shadow:-4px 0 16px #0000002e;z-index:50;display:flex;flex-direction:column}.detail-head{display:flex;align-items:flex-start;gap:10px;padding:20px 20px 14px;border-bottom:1px solid rgba(0,0,0,.1)}.detail-head-text{flex:1}.detail-status{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.detail-name{font-size:19px;font-weight:500;line-height:1.3;color:#111;margin-top:4px;text-wrap:pretty}.icon-button{border:none;background:none;cursor:pointer;color:#00000080;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#0000000f}.detail-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:18px}.detail-label{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#00000080;margin-bottom:6px}.detail-owner{display:flex;align-items:center;gap:9px}.detail-owner .avatar{width:30px;height:30px;font-size:12px}.detail-value{font-size:14px;color:#111}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-lg{font:500 12px Roboto,sans-serif;color:#000000a6;background:#00000012;border-radius:12px;padding:4px 11px}.status-select{width:100%;padding:9px 10px;border:1px solid #c4c4c4;border-radius:4px;font:400 14px Roboto,sans-serif;background:#fff;color:#111}.link-rows{display:flex;flex-direction:column;gap:8px}.link-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.16);border-radius:6px;text-decoration:none;color:#1976d2;font-size:14px}.link-row:hover{background:#1976d20d}.link-row .link-icon{font-size:19px}.link-row .flex-spacer{flex:1}.link-row .open-icon{font-size:15px;color:#00000059}.detail-updated{font-size:12px;color:#00000080;display:flex;align-items:center;gap:5px}.detail-updated .material-icons-outlined{font-size:14px}.detail-actions{display:flex;gap:10px;padding:14px 20px;border-top:1px solid rgba(0,0,0,.1)}.btn-edit{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#1976d2;color:#fff;border:none;border-radius:4px;padding:9px 0;font:500 13.5px Roboto,sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.btn-edit:hover{background:#1565c0}.btn-edit .material-icons-outlined{font-size:17px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:60;display:flex;align-items:center;justify-content:center}.dialog{background:#fff;border-radius:8px;box-shadow:0 11px 15px #0003,0 24px 38px #00000024;width:440px;max-width:calc(100vw - 48px);padding:22px 24px;display:flex;flex-direction:column;gap:15px;cursor:default}.dialog-title{font-size:18px;font-weight:500;color:#111}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;font-weight:500;color:#000000bf}.field-hint{font-weight:400;color:#00000073}.field-control{position:relative;display:block}.field-control>.material-icons-outlined{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:19px;color:#1976d2;pointer-events:none}.field-control input,.field-control select{width:100%;box-sizing:border-box;padding:9px 11px 9px 38px;border:1px solid rgba(25,118,210,.4);background:#1976d205;border-radius:4px;font:400 14px Roboto,sans-serif;outline:none}.field-control input:focus,.field-control select:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2;background:#fff}.field-row{display:flex;gap:12px}.field-row .field{flex:1;min-width:0}.dialog-error{font-size:12.5px;color:#d32f2f}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn-text{background:none;border:none;color:#1976d2;font:500 14px Roboto,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;border-radius:4px;cursor:pointer}.btn-text:hover{background:#1976d20f}.btn-save{background:#1976d2;border:none;color:#fff;font:500 14px Roboto,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:8px 18px;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px #0003}.btn-save:hover{background:#1565c0}.signedout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fafafa;display:flex;align-items:center;justify-content:center}.signedout-card{background:#fff;border-radius:8px;box-shadow:0 3px 12px #00000024;padding:36px 40px;width:340px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.signedout-brand{margin-bottom:4px}.signedout-text{font-size:14px;color:#0009;margin-bottom:14px}.btn-block{width:100%;gap:8px;padding:10px 0}.sync-chip{display:flex;align-items:center;gap:6px;border:none;background:#0000000d;color:#0000008c;font:500 12px Roboto,sans-serif;border-radius:14px;padding:5px 12px;cursor:default;flex:none}button.sync-chip{cursor:pointer}.sync-chip .material-icons-outlined{font-size:15px}.sync-ok{color:#2e7d32;background:#2e7d3214}.sync-error{color:#ed6c02;background:#ed6c021a}.spin{animation:sync-spin 1s linear infinite}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.avatar-img{object-fit:cover}.auth-error{font-size:12.5px;color:#d32f2f}.auth-config{font-size:12.5px;color:#8a6d00;background:#fdf6e3;border:1px solid rgba(138,109,0,.25);border-radius:6px;padding:10px 12px;text-align:left}.auth-config code{font-size:11.5px}.btn-primary:disabled{opacity:.55;cursor:default}.btn-primary:disabled:hover{background:#1976d2}.sync-viewonly{color:#0000008c;background:#0000000f}