:root{--bg: #F0F4FB;--sidebar: #E8EEF8;--card: #FFFFFF;--accent: #5B8DD9;--accent-hover: #4A7BC8;--success: #4A7C59;--text-primary: #1C2B45;--text-secondary: #4A5D7A;--text-muted: #8A9CB8;--border: #C8D5E8;--item-hover: #EBF0F8;--progress-track: #D5E0F0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary)}button{transition:transform .15s ease,opacity .15s ease,background .15s ease}button:hover{opacity:.88;transform:translateY(-1px)}button:active{transform:translateY(0)}.card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2c24161f!important}.itemRow:hover{background:var(--item-hover)!important}.deleteBtn:hover{opacity:1!important}.itemRow:hover .editItemBtn{opacity:.5!important}.itemRow .editItemBtn:hover{opacity:1!important}input:focus{outline:none;border-color:var(--accent)!important}@keyframes itemFlash{0%{background:#fff}30%{background:#dce8ff}to{background:#fff}}@keyframes itemNudge{0%{transform:translate(0)}30%{transform:translate(-5px)}to{transform:translate(0)}}.item-flash{animation:itemFlash .55s ease!important}.item-flash .item-content-inner{animation:itemNudge .55s ease}.header-actions button:hover{background:#ede8df!important;opacity:1!important}.deleteBtn:hover{opacity:1!important;transform:scale(1.2)!important;color:#b91c1c}.itemRow{transition:background .18s ease!important}.progress-track{height:6px;background:var(--progress-track);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--success);border-radius:99px;transition:width .4s ease}.fab{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 16px #5b8dd973;display:flex;align-items:center;justify-content:center;z-index:200;transition:transform .2s ease,box-shadow .2s ease,background .15s}.fab:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 24px #5b8dd98c!important;background:var(--accent-hover)!important;opacity:1!important}.list-layout{display:flex;gap:28px;align-items:flex-start}.list-left-col{flex:1 1 0;min-width:0}.list-right-col{width:280px;flex-shrink:0}.form-row{display:flex;gap:10px;align-items:center}.form-actions-row{display:flex;gap:10px}.app-header{padding:16px 40px;display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:22px;font-weight:700;margin:0;white-space:nowrap}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.username-label{font-size:14px;opacity:.85}.modal-box{background:#fff;padding:32px;border-radius:16px;width:100%;max-width:500px;margin:20px;max-height:90vh;overflow-y:auto}@media(max-width:768px){.list-layout{flex-direction:column}.list-right-col{width:100%}.fab{bottom:20px;right:20px;width:52px;height:52px;font-size:24px}}@media(max-width:600px){.form-row{flex-direction:column;align-items:stretch}.form-row>input,.form-row>button{flex:none!important;width:100%}.form-actions-row{flex-direction:row}.form-actions-row>button{flex:1}.modal-box{margin:8px!important;max-height:96vh!important}.app-header{padding:12px 16px;gap:8px}.header-logo{font-size:17px}.header-logo .logo-text{display:none}.header-actions{gap:6px}.header-actions button,.header-actions a{padding:6px 10px!important;font-size:12px!important}.username-label{display:none}.modal-box{padding:20px 16px;margin:10px;max-height:95vh}}