@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color:#e53935;--primary-hover:#c62828;--bg-color:#f8fafc;--surface-color:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--danger-color:#ef4444;--danger-bg:#fef2f2;--success-color:#10b981;--success-bg:#ecfdf5;--warning-color:#f59e0b;--warning-bg:#fffbeb;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}@media (prefers-color-scheme:dark){:root{--primary-color:#ef4444;--primary-hover:#f87171;--bg-color:#0f172a;--surface-color:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--danger-color:#f87171;--danger-bg:#ef44441a;--success-color:#34d399;--success-bg:#10b9811a;--warning-color:#fbbf24;--warning-bg:#f59e0b1a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--surface-color);width:100%;color:var(--text-main);outline:none;padding:12px 16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e5393533}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--border-color)}.card{background-color:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px}.app-container{max-width:600px;margin:0 auto;padding:20px}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.alert-danger{background-color:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-color)}.alert-warning{background-color:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-color)}.alert-success{background-color:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.badge{text-transform:uppercase;border-radius:99px;padding:4px 8px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success-color)}.badge-danger{background:var(--danger-bg);color:var(--danger-color)}.badge-warning{background:var(--warning-bg);color:var(--warning-color)}.list-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);flex-direction:column;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-item-title{font-size:1.1rem;font-weight:700}.list-item-details{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.detail-row{align-items:center;gap:8px;display:flex}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface-color);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-md);padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.flex-gap{gap:12px;display:flex}