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