.records-page{background:var(--bg);min-height:100vh;padding:var(--space-10) var(--space-4);justify-content:center;display:flex}.records-container{width:100%;max-width:800px}.records-hero{background:var(--dark-surface);color:#fff;padding:var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-8);gap:var(--space-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.records-hero:before{content:"";background:radial-gradient(circle, var(--clay-glow) 0%, transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.records-hero__label{text-transform:uppercase;letter-spacing:1px;color:var(--clay);font-size:12px;font-weight:700}.records-hero__title{font-size:var(--text-3xl);margin:0;font-weight:800}.records-hero__meta{gap:var(--space-6);margin-top:var(--space-2);display:flex}.meta-item{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:14px;display:flex}.meta-item svg{color:var(--clay)}.records-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.records-tabs{gap:var(--space-4);margin-bottom:var(--space-8);background:var(--surface);border-radius:var(--radius-md);padding:4px;display:flex}.records-tab{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;font-size:14px;font-weight:600;transition:all .2s;display:flex}.records-tab--active{background:var(--bg);color:var(--clay);box-shadow:var(--shadow-sm)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;cursor:pointer;background:var(--surface);transition:all .2s}.upload-zone:hover{border-color:var(--clay);background:var(--clay-faint)}.upload-zone__icon{background:var(--bg);width:64px;height:64px;margin:0 auto var(--space-4);color:var(--clay);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.template-link{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--clay);font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.table-container{margin-top:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);max-height:400px;overflow:hidden auto}.records-table{border-collapse:collapse;width:100%}.records-table th{background:var(--surface);padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.records-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.table-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.table-input:focus{border-color:var(--clay);box-shadow:0 0 0 3px var(--clay-glow);outline:none}.btn-add-row{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;width:100%;font-size:13px;font-weight:600;display:flex}.btn-add-row:hover{background:var(--surface);border-color:var(--text-muted)}.period-input-group{align-items:center;gap:var(--space-2);display:flex}.period-separator{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.calculated-due-date{color:var(--clay);margin-top:4px;margin-left:2px;font-size:11px;font-weight:600}.summary-row td{background:var(--surface);border-top:2px solid var(--border)!important;padding:var(--space-4)!important}.total-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.total-value{color:var(--dark-surface);margin-top:2px;font-size:18px;font-weight:800}.record-count{color:var(--text-secondary);text-align:right;font-size:13px;font-weight:500}.records-footer{margin-top:var(--space-8);justify-content:flex-end;display:flex}.btn-submit{background:var(--btn-primary-bg);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--btn-primary-shadow);border:none;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s}.btn-submit:hover{box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-view{text-align:center;padding:var(--space-12)}.success-icon{background:var(--success-bg);width:80px;height:80px;color:var(--success);margin:0 auto var(--space-6);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (max-width:640px){.records-hero__meta{gap:var(--space-2);flex-direction:column}}