:root{--primary: #3b82f6;--secondary: #2563eb;--bg: #0f172a;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text: #f0f9ff}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(37,99,235,.1) 0,transparent 50%);color:var(--text);min-height:100vh}.container{max-width:600px;margin:0 auto;padding:2rem}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000005e}.btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.input{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:.75rem;border-radius:.5rem;width:100%;box-sizing:border-box;margin-bottom:1rem}.task-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--glass-border)}.task-item:last-child{border-bottom:none}.task-content{flex:1}.task-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.task-desc{font-size:.9rem;opacity:.7}.attachment-preview{width:50px;height:50px;object-fit:cover;border-radius:.25rem;margin-right:.5rem}.attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}