:root{color:#172b4d;font-synthesis:none;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:#f6f8fb;min-height:100vh}header{display:flex;background:#fff;border-bottom:1px solid #e6e9ef;align-items: center;gap:32px;height:60px;padding:0 24px}.brand{color:#20304a;display:flex;align-items: center;gap:9px;font:800 20px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.brand-mark{display:grid;color:#fff;background:#5b4ee8;border-radius:9px;place-items: center;width:30px;height:30px;font-size:17px}nav{display:flex;align-items: center;gap:6px}.nav-button,.icon-button{color:#53617a;background:0 0;border:0;padding:9px}.create-button,.primary-button{color:#fff;background:#5b4ee8;border:0;border-radius:7px;padding:10px 16px;font-weight:700}.header-actions{display:flex;align-items: center;gap:10px;margin-left:auto}.search{color:#7a879c;border:1px solid #d7dce5;border-radius:7px;padding:7px 10px}.search input{outline:0;border:0;width:150px}.icon-button{border:1px solid #d7dce5;border-radius:50%;width:34px;height:34px;padding:0}.avatar,.card-avatar{color:#5d4106;background:#f5b94c;border:0;border-radius:50%;font-size:11px;font-weight:700}.avatar{width:35px;height:35px}.workspace-bar{display:flex;background:#fff;border-bottom:1px solid #e6e9ef;align-items: center;gap:12px;height:76px;padding:0 28px}.workspace-bar small{display:block;color:#8792a6;margin-top:3px}.workspace-avatar{color:#5b4ee8;display:grid;background:#e8e5ff;border-radius:8px;place-items: center;width:38px;height:38px;font-weight:800}.side-button{color:#66738a;background:0 0;border:0;margin-left:14px;padding:10px 14px}.side-button.active{color:#4f43d7;background:#eeeefe;border-radius:7px}.board-header{display:flex;justify-content:space-between;align-items: center;height:72px;padding:0 30px}.board-title{color:#1e2c43;background:0 0;border:1px solid #0000;width:260px;padding:6px;font:800 22px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.board-title:focus{outline:0;background:#fff;border-color:#695ce8;border-radius:6px}.star{color:#8a95a8;font-size:24px}.board-tools{display:flex;align-items: center;gap:8px}.board-tools button{background:#fff;border:1px solid #d8dde6;border-radius:7px;padding:8px 12px}.save-state{color:#748096;margin-right:10px;font-size:12px}.board-canvas{display:flex;overflow-x:auto;align-items: flex-start;gap:16px;min-height:calc(100vh - 208px);padding:4px 30px 40px}.list{background:#eef1f5;border:1px solid #e0e4eb;border-radius:12px;flex:0 0 292px;width:292px;padding:10px;box-shadow:0 2px 8px #23395d0a}.list-head{display:flex;align-items: center;gap:7px;padding:3px 4px 10px}.list-head input{color:#273650;background:0 0;border:1px solid #0000;flex:1;min-width:0;padding:6px;font-weight:700}.list-head input:focus{outline:0;background:#fff;border-color:#695ce8;border-radius:5px}.list-head span{color:#8994a6;font-size:12px}.list-head button{color:#647087;background:0 0;border:0}.cards{display:flex;flex-direction:column;gap:9px}.card{position:relative;cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:9px;min-height:78px;padding:13px 14px;transition:all .18s;box-shadow:0 1px 2px #1f315314}.card:hover{border-color:#c8cde9;transform:translateY(-1px);box-shadow:0 4px 10px #253b6115}.card h3{margin:7px 0 16px;font-size:14px;font-weight:600;line-height:1.35}.label{display:inline-block;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.purple{color:#604bd7;background:#ece8ff}.blue{color:#1475a8;background:#def1ff}.orange{color:#a85c13;background:#fff0d9}.pink{color:#b02f67;background:#ffe5f0}.red{color:#b42e36;background:#ffe2e2}.green{color:#227549;background:#ddf5e8}.meta{color:#7b879a;margin-right:10px;font-size:11px}.card-avatar{position:absolute;display:grid;place-items: center;width:24px;height:24px;bottom:11px;right:12px}.add-card{text-align:left;color:#68758a;background:0 0;border:0;width:100%;padding:12px 8px 5px}.composer textarea{resize:none;border:1px solid #d9dde6;border-radius:8px;width:100%;height:78px;padding:12px;box-shadow:0 1px 3px #23395d19}.composer div{display:flex;align-items: center;margin-top:8px}.small{padding:8px 13px}.close-button{color:#66738a;background:0 0;border:0;font-size:24px}.add-list{color:#5c687c;text-align:left;background:#fff8;border:1px dashed #cbd1dc;border-radius:10px;flex:0 0 245px;width:245px;padding:14px}.new-list{background:#eef1f5;border-radius:10px;flex:0 0 270px;width:270px;padding:10px}.new-list input{outline:0;border:1px solid #695ce8;border-radius:6px;width:100%;margin-bottom:8px;padding:10px}.modal-backdrop{position:fixed;display:grid;z-index:10;background:#172b4d88;place-items: center;padding:20px;inset:0}.modal{position:relative;background:#fff;border-radius:15px;width:min(560px,100%);padding:30px;box-shadow:0 24px 80px #14254555}.modal-close{position:absolute;color:#738097;background:0 0;border:0;font-size:28px;top:15px;right:18px}.eyebrow{letter-spacing:.16em;color:#6558df;font-size:11px;font-weight:800}.modal-title{display:block;color:#20304a;border:0;border-bottom:1px solid #0000;width:90%;margin:6px 0 24px;padding:8px 0;font:800 23px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.modal-title:focus{outline:0;border-color:#6558df}.modal label,.auth-card label{display:block;color:#56637a;margin:15px 0 6px;font-size:12px;font-weight:700}.modal select,.modal input[type=date],.modal textarea,.auth-card input{display:block;outline:0;background:#fff;border:1px solid #d9dee7;border-radius:7px;width:100%;margin-top:7px;padding:11px}.modal textarea:focus,.modal select:focus,.modal input:focus,.auth-card input:focus{border-color:#6558df;box-shadow:0 0 0 3px #6558df18}.delete-button{color:#ba3038;background:#fff0f0;border:0;border-radius:7px;margin-top:18px;padding:9px 13px}.loading{display:grid;text-align:center;color:#758196;place-content: center;min-height:100vh}.spinner{animation:.8s linear infinite spin;border:3px solid #e1e3f3;border-top-color:#5b4ee8;border-radius:50%;width:30px;height:30px;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.auth-visual{position:relative;color:#fff;overflow:hidden;background:linear-gradient(145deg,#5146c8,#7265ed);padding:38px 48px}.brand-light{color:#fff}.brand-light .brand-mark{color:#5b4ee8;background:#fff}.auth-message{max-width:510px;margin:16vh auto 0}.auth-message h1{letter-spacing:-.05em;margin:14px 0;font:800 clamp(42px,5vw,70px) Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.auth-message p{color:#e2dfff;font-size:18px;line-height:1.65}.auth-visual .eyebrow{color:#d6d0ff}.mini-board{display:flex;position:absolute;background:#ffffff18;border-radius:20px;gap:12px;width:65%;height:210px;padding:24px;bottom:-40px;right:-15px;transform:rotate(-5deg);box-shadow:0 20px 80px #241d7433}.mini-board div{background:#ffffff24;border-radius:8px;flex:1;padding:10px}.mini-board i{display:block;opacity:.9;background:#fff;border-radius:6px;height:36px;margin-bottom:8px}.auth-panel{display:grid;background:#fff;place-items: center;padding:30px}.auth-card{width:min(390px,100%)}.auth-card h2{margin:0 0 8px;font:800 30px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.auth-card>p{color:#7b8698;margin-bottom:28px}.auth-card .primary-button{width:100%;margin-top:18px;padding:13px}.form-error{color:#b63139;background:#fff0f0;border-radius:7px;margin-top:12px;padding:10px;font-size:13px}.switch-auth{text-align:center;font-size:13px}.switch-auth a{color:#5b4ee8;text-decoration:none;font-weight:700}.mobile-brand{display:none}@media (max-width:800px){header{padding:0 14px}header nav,.search{display:none}.workspace-bar{padding:0 16px}.side-button{display:none}.board-header{padding:0 16px}.board-tools button{display:none}.board-canvas{padding-left:16px}.auth-page{display:block}.auth-visual{display:none}.auth-panel{min-height:100vh}.mobile-brand{display:flex;align-items: center;gap:9px;margin-bottom:50px;font:800 20px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}}