*{box-sizing:border-box}body{color:#1d1f24;background:linear-gradient(#eef3ff 0%,#f7f9ff 40%,#f4f6fb 100%);margin:0;font-family:Arial,sans-serif}#app{min-height:100vh}.container{width:min(900px,92%);margin:2rem auto}.auth-container{max-width:460px}.header-row,.row{align-items:center;gap:.75rem;display:flex}.space-between{justify-content:space-between}.card{background:#fff;border:1px solid #e2e6ee;border-radius:14px;margin-bottom:1rem;padding:1.1rem;box-shadow:0 8px 20px #1523430f}.form{gap:.7rem;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;display:grid}.stat-card{margin-bottom:0}.stat-card p{color:#4e5d79;margin:0;font-size:.9rem}.stat-card strong{color:#1f4cbf;margin-top:.3rem;font-size:1.4rem;display:block}.input-group{gap:.4rem;display:grid}.input-group span{color:#30415f;font-size:.9rem;font-weight:600}input,textarea,select,button{width:100%;font:inherit;border:1px solid #c8d1e0;border-radius:8px;padding:.65rem}textarea{resize:vertical;min-height:90px}button{cursor:pointer;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1c2f5d1f}button:disabled{opacity:.7;cursor:not-allowed}.primary{color:#fff;background:#2f6feb;border:none}.ghost{background:#f0f4ff}.danger{background:#ffe8e8;border-color:#ffcaca}.task-list{gap:.8rem;display:grid}.task-item h3{margin:0 0 .3rem}.task-item p{margin:.2rem 0}.task-item.expired{background:#fff6f7;border-left:6px solid #dc3545}.task-item.urgent{background:#fff9f0;border-left:6px solid #ff8f00}.task-item.soon{background:#f4f8ff;border-left:6px solid #2f6feb}.deadline-hint{font-size:.85rem;font-weight:600}small{color:#4e5d79}.progress-track{background:#e8eeff;border-radius:999px;width:100%;height:12px;margin:.6rem 0;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#4b7cff,#2f6feb);height:100%}.badge{background:#e9edf8;border-radius:999px;padding:.25rem .6rem;font-size:.85rem}.badge.ridicata{background:#ffe1e1}.badge.medie{background:#fff3d6}.badge.scazuta{background:#ddf5e5}.error{color:#b00020;margin:0}.center-message{text-align:center;margin-top:2rem}