.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#d2ae6d;justify-content:space-between;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:10px}.header-logo{background:var(--surface);border-radius:8px;height:42px;object-fit:contain;padding:4px;width:42px}.header-sub{color:#fff;font-size:.7rem;margin-bottom:2px}.header-title{color:var(--bg);font-family:"DM Serif Display",serif;font-size:1.5rem;line-height:1}.header-right{gap:10px}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{background:none;border:none;border-radius:10px;color:#9a8e83;font-size:1.1rem;height:36px;justify-content:center;transition:background .15s,color .15s;width:36px}.icon-btn:hover{background:#ffffff1a;color:var(--bg)}.me-chip{align-items:center;border:1px solid;border-radius:999px;color:var(--bg);display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:5px 12px}.me-dot{border-radius:50%;height:8px;width:8px}.tabs-bar{background:var(--bg);border-bottom:1px solid var(--border);display:flex;gap:6px;padding:14px 24px 0;position:-webkit-sticky;position:sticky;top:62px;z-index:90}.tab{align-items:center;background:#0000;border:1px solid #0000;border-bottom:none;border-radius:999px 999px 0 0;color:var(--ink-muted);display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:7px 16px;transition:all .15s}.tab.active{background:var(--surface);border-color:var(--border);color:var(--ink)}.tab-badge{background:var(--accent);border-radius:999px;color:#fff;font-size:.65rem;padding:1px 7px}.done-badge{background:var(--success)!important}.app-main{flex:1 1;margin:0 auto;max-width:780px;padding:20px 24px 100px;width:100%}.fab{align-items:center;background:var(--accent);border:none;border-radius:999px;bottom:28px;box-shadow:0 4px 20px #c84b2f66;color:#fff;display:flex;font-size:.88rem;font-weight:600;gap:8px;padding:14px 22px;position:fixed;right:24px;transition:transform .15s,box-shadow .15s;z-index:80}.fab span{font-size:1.3rem;line-height:1}.fab:hover{box-shadow:0 6px 28px #c84b2f80;transform:translateY(-2px)}.overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a15108c;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@media (min-width:600px){.overlay{align-items:center}}.modal{animation:slideUp .25s ease;background:var(--surface);border-radius:20px 20px 0 0;max-height:92vh;max-width:680px;overflow-y:auto;width:100%}@media (min-width:600px){.modal{border-radius:20px;max-height:88vh}}.modal-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-family:"DM Serif Display",serif;font-size:1.2rem}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--ink-muted);display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.close-btn:hover{background:var(--border)}.modal-body{padding:20px 24px 24px}.form-group{margin-bottom:14px}.form-label{color:var(--ink-muted);display:block;font-size:.72rem;font-weight:600;letter-spacing:.07em;margin-bottom:5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;color:var(--ink);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.form-textarea{min-height:70px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:400px){.form-row{grid-template-columns:1fr}}.btn-primary{background:var(--ink);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;margin-top:6px;padding:12px 24px;transition:background .15s;width:100%}.btn-primary:hover{background:#2d2520}.btn-secondary{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;color:var(--ink);font-size:.85rem;font-weight:500;padding:10px 20px;transition:all .15s}.btn-secondary:hover{border-color:var(--ink)}.btn-danger{background:#fdecea;border:none;border-radius:10px;color:var(--accent);font-size:.85rem;font-weight:500;padding:10px 20px}.btn-danger:hover{background:#fad5d0}.chip{border-radius:999px;font-size:.7rem;font-weight:500;padding:2px 9px;white-space:nowrap}.chip-alta{background:#fdecea;color:#b82a2a}.chip-media{background:var(--warn-light);color:var(--warn)}.chip-baixa,.chip-done{background:var(--success-light);color:var(--success)}.chip-pending{background:#eee;color:#555}.chip-date{background:#eee8ff;color:#4a35b8}.avatar{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:28px;justify-content:center;width:28px}.avatar-lg{font-size:.85rem;height:36px;width:36px}.user-select-grid{display:flex;flex-wrap:wrap;gap:8px}.user-toggle{align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:999px;color:var(--ink-muted);display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s}.user-toggle:hover{border-color:var(--ink-muted)}.user-toggle.selected{border-color:#0000;color:#fff}.spinner{animation:spin 1s linear infinite;display:inline-block}.loading-page{align-items:center;color:var(--ink-muted);display:flex;font-size:.85rem;gap:8px;height:60px;justify-content:center}@media (max-width:500px){.app-main{padding:16px 16px 100px}.app-header{padding:14px 16px}.header-logo{height:36px;width:36px}.tabs-bar{padding:12px 16px 0}}:root{--bg:#faf7f2;--surface:#fff;--ink:#1a1510;--ink-muted:#7a6e63;--accent:#c84b2f;--accent-light:#f5e8e4;--success:#2a7a4f;--success-light:#e4f2eb;--warn:#b07a20;--warn-light:#fbf3e0;--border:#e8e0d5;--shadow:0 2px 12px #1a151014;--shadow-lg:0 8px 32px #1a151026}*{box-sizing:border-box;margin:0;padding:0}body{background:#faf7f2;background:var(--bg);color:#1a1510;color:var(--ink);font-family:DM Sans,sans-serif;min-height:100vh}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e8e0d5;background:var(--border);border-radius:3px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}