*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--paper, #FBF8F4);color:var(--ink, #2D3436);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.top-nav{background:linear-gradient(135deg,#e87a4a,#d0652e);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #e87a4a4d}.logo{font-size:18px;font-weight:700;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:16px}.notification-icon{position:relative;cursor:pointer;width:24px;height:24px}.notification-icon svg{width:24px;height:24px;stroke:#fff}.badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer;border:2px solid rgba(255,255,255,.4)}.main-content{flex:1;padding:16px 16px 80px}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:8px 0 12px;border-top:1px solid var(--border, #E8E2DA);z-index:100;box-shadow:0 -2px 10px #0000000a}.tab-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--gray, #8E9AAB);font-size:10px;padding:4px 12px;transition:color .15s}.tab-item svg{width:22px;height:22px;margin-bottom:2px;stroke:var(--gray, #8E9AAB)}.tab-item.active{color:var(--accent, #E87A4A)}.tab-item.active svg{stroke:var(--accent, #E87A4A)}:root{--ink: #2D3436;--paper: #FBF8F4;--white: #FFFFFF;--accent: #E87A4A;--accent-dark: #D0652E;--accent-light: #FFF0E8;--green: #2ECC71;--green-light: #E8F8F0;--red: #E74C3C;--red-light: #FDEDED;--gray: #8E9AAB;--gray-light: #F5F2EE;--border: #E8E2DA;--shadow: 0 2px 8px rgba(45,52,54,.06);--shadow-md: 0 4px 12px rgba(45,52,54,.1);--radius: 14px;--radius-sm: 10px}.page-container{padding-bottom:20px}.back-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.back-btn{display:flex;align-items:center;gap:4px;background:var(--gray-light);border:none;color:var(--accent);cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);font-size:14px}.back-btn:hover{background:var(--accent-light)}.back-btn svg{width:20px;height:20px}.page-title{font-size:22px;font-weight:700;color:var(--ink)}.card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-secondary{background:var(--gray-light);color:var(--ink)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent-light)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 8px;font-size:11px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;font-family:inherit;background:var(--white);transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e87a4a1a}.form-error{color:var(--red);font-size:12px;margin-top:6px;padding:8px 10px;background:var(--red-light);border-radius:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d343699;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{background:var(--white);border-radius:18px;padding:24px;width:100%;max-width:420px;box-shadow:0 25px 60px #0003}.modal-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-active{background:var(--green-light);color:var(--green)}.status-archived{background:var(--gray-light);color:var(--gray)}.status-overdue{background:var(--red-light);color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}.empty-state{text-align:center;padding:60px 20px;color:var(--gray)}.empty-state p{font-size:14px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-label input{width:auto}.tabs{display:flex;background:var(--white);border-radius:var(--radius);padding:4px;margin-bottom:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.tab{flex:1;padding:10px;text-align:center;font-size:13px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;color:var(--gray);font-weight:600}.tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow)}