*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{background:linear-gradient(135deg,#09080f,#110f1e 60%,#09080f);background-attachment:fixed;color:#c9d1d9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.app-nav{justify-content:space-between;padding:0 20px;height:52px;background:#000;border-bottom:1px solid rgba(139,92,246,.25);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-shrink:0;box-shadow:0 2px 12px rgba(0,0,0,.6)}.app-nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:10px;font-size:17px;font-weight:700;color:#fff;letter-spacing:.4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.nav-brand-mark{font-size:20px;color:#8b5cf6}.framework-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(139,92,246,.15);color:#a78bfa;letter-spacing:.5px;border:1px solid rgba(139,92,246,.4);margin-left:4px}.nav-controls{gap:12px}.activity-status,.nav-controls{display:flex;align-items:center}.activity-status{gap:7px;background:hsla(0,0%,100%,.07);padding:4px 12px;border-radius:20px;font-size:12px}.pulse-dot{display:inline-flex;align-items:center;color:#f55;font-size:8px;animation:pulse-scale 1s ease-in-out infinite}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.ops-count{font-size:12px;font-weight:600;color:#d0d7de}.nav-btn{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;font-family:inherit;letter-spacing:.2px}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-btn--success{background-color:#4caf50;color:#fff}.nav-btn--success:not(:disabled):hover{background-color:#43a047}.nav-btn--danger{background-color:#e53935;color:#fff}.nav-btn--danger:not(:disabled):hover{background-color:#c62828}.board{padding:12px 16px;height:calc(100vh - 52px);overflow-x:auto;overflow-y:auto;display:flex;align-items:flex-start}.list-container{display:inline-flex;gap:12px;padding-bottom:16px;align-items:flex-start}.list{background-color:#1e2633;border-radius:10px;padding:10px;width:265px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 10px rgba(0,0,0,.4);word-wrap:break-word;border-top:3px solid #7c3aed}.list-header{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:2px;gap:4px}.list-title{flex:1 1;font-size:14px;font-weight:700;color:#e4e6eb;cursor:default;padding:3px 5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word;transition:background-color .15s ease;margin:0}.list-title:hover{background-color:hsla(0,0%,100%,.06)}.list-title-input{flex:1 1;background:#2c313a;border:2px solid #8b5cf6;border-radius:5px;color:#e4e6eb;font-size:14px;font-weight:700;padding:3px 7px;outline:none;min-width:0;font-family:inherit}.list-header-actions{display:flex;gap:2px;flex-shrink:0}.icon-btn{background:transparent;border:none;color:#6b737f;cursor:pointer;border-radius:5px;padding:4px 6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;line-height:1}.icon-btn:hover{background-color:hsla(0,0%,100%,.1);color:#e4e6eb}.icon-btn--danger:hover{background-color:rgba(220,53,69,.2);color:#ff6b6b}.icon-btn--sm{font-size:11px;padding:3px 5px}.card{background-color:#2c313a!important;border-radius:6px!important;padding:8px 10px!important;font-size:13px;color:#c9d1d9!important;box-shadow:0 1px 4px rgba(0,0,0,.3)!important;transition:background-color .15s ease,box-shadow .15s ease;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:100%!important;margin-bottom:6px;cursor:-webkit-grab;cursor:grab;touch-action:none}.card:hover{background-color:#343b47!important;box-shadow:0 3px 8px rgba(0,0,0,.35)!important}.card:active{cursor:-webkit-grabbing;cursor:grabbing}.card.is-dragging{opacity:.5;box-shadow:0 8px 24px rgba(0,0,0,.55)!important}.card-display-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.card-text{flex:1 1;line-height:1.45;word-break:break-word;margin:0}.card-actions{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.card:hover .card-actions{opacity:1}.card-edit-input{width:100%;background:#1e2330;border:2px solid #8b5cf6;border-radius:5px;color:#e4e6eb;font-size:13px;padding:6px 8px;resize:none;outline:none;line-height:1.45;font-family:inherit}.card-edit-actions{display:flex;align-items:center;gap:6px;margin-top:6px}.btn-save{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s ease;font-family:inherit}.btn-save:hover{background-color:#43a047}.btn-cancel{background:transparent;color:#6b737f;border:none;border-radius:5px;padding:5px 8px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;transition:color .15s ease,background-color .15s ease;font-family:inherit}.btn-cancel:hover{color:#e4e6eb;background-color:hsla(0,0%,100%,.08)}.add-card{display:flex;gap:6px;align-items:center;margin-top:4px}.add-card-input{flex:1 1;border:1px solid #3d434d;border-radius:5px;padding:6px 8px;font-size:13px;background-color:#1a1f27;color:#e4e6eb;outline:none;transition:border-color .2s ease;font-family:inherit;max-height:34px}.add-card-input::placeholder{color:#6b737f}.add-card-input:focus{border-color:#8b5cf6;background-color:#1e2633}.btn-add-card{background-color:#4caf50;color:#fff;padding:6px 11px;border:none;border-radius:5px;cursor:pointer;font-size:13px;flex-shrink:0;transition:background-color .2s ease;line-height:1}.btn-add-card:hover{background-color:#43a047}.add-list-panel{flex-shrink:0;width:265px;align-self:flex-start}.add-list-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:hsla(0,0%,100%,.1);color:#e4e6eb;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:inherit}.add-list-btn:hover{background:hsla(0,0%,100%,.17)}.add-list-form{background-color:#1e2633;border-radius:10px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.4)}.add-list-input{width:100%;border:2px solid #8b5cf6;border-radius:6px;padding:7px 10px;font-size:14px;background:#1a1f27;color:#e4e6eb;outline:none;margin-bottom:8px;font-family:inherit}.add-list-input::placeholder{color:#6b737f}.add-list-form-actions{display:flex;align-items:center;gap:8px}.btn-confirm-list{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.btn-confirm-list:hover{background-color:#43a047}.btn-cancel-list{background:transparent;border:none;color:#6b737f;font-size:16px;cursor:pointer;padding:5px 8px;border-radius:5px;display:flex;align-items:center;transition:color .15s ease,background-color .15s ease;font-family:inherit}.btn-cancel-list:hover{color:#e4e6eb;background-color:hsla(0,0%,100%,.08)}