:root{--bg: #FAF7F2;--sidebar: #F2EDE4;--card: #FFFFFF;--accent: #C17F3E;--accent-hover: #A86A2E;--success: #4A7C59;--text-primary: #2C2416;--text-secondary: #6B5C47;--text-muted: #9C8A78;--border: #DED5C8;--item-hover: #F7F3EC;--progress-track: #EDE8DF}*{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}input:focus{outline:none;border-color:var(--accent)!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 #c17f3e73;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 #c17f3e8c!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}}