.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.start-screen{max-width:500px;width:100%;padding:2em;text-align:center}.logo h1{font-size:2.5em;margin-bottom:.3em}.logo p{margin-bottom:2em;color:var(--text-secondary)}.start-about{margin-top:2.5em;display:flex;flex-direction:column;gap:1em}.about-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25em 1.5em;text-align:left}.about-card h3{margin:0 0 .6em;font-size:1em;color:var(--primary-color)}.about-card p{margin:0 0 .5em;font-size:.9em;line-height:1.5;color:var(--text-primary)}.about-card p:last-child{margin-bottom:0}.about-card-compact{padding:.9em 1.5em}.about-row{display:flex;align-items:center;gap:.5em;padding:.3em 0;font-size:.9em}.about-label{color:var(--text-secondary);min-width:60px}.about-link{color:var(--primary-color);text-decoration:none;font-weight:500}.about-link:hover{text-decoration:underline}@media (max-width: 480px){.about-card{padding:1em}}.start-screen h2{margin-bottom:1.5em}.form{display:flex;flex-direction:column;gap:1em;margin-top:1em}.form-group{text-align:left}.form-group.checkbox label{display:flex;align-items:center;gap:.5em}.form-group.checkbox input{width:auto}.button-group{display:flex;gap:1em;justify-content:center;margin-top:1em}.drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:3em 2em;cursor:pointer;transition:all .25s;background-color:var(--secondary-bg);margin:1em 0}.drop-zone:hover{border-color:var(--primary-color);background-color:var(--card-bg)}.drop-zone.dragging{border-color:var(--primary-color);background-color:var(--card-bg);transform:scale(1.02)}.drop-zone.has-file{border-style:solid;border-color:var(--success-color)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5em}.upload-icon{font-size:3em}.file-info{display:flex;flex-direction:column;align-items:center;gap:.5em}.file-icon{font-size:2.5em}.file-name{font-weight:500}.file-size{color:var(--text-secondary);font-size:.9em}.main-app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1em 2em;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1em;z-index:20}.header-left{display:flex;align-items:center;gap:2em}.header-left h1{font-size:1.5em;margin:0}.header-right{margin-left:auto}.save-status{font-size:.9em;color:var(--text-secondary)}.saving{color:var(--warning-color)}.saved{color:var(--success-color)}.error-indicator{color:var(--error-color)}.notification-bar{padding:0 2em;margin-top:1em}.tabs{position:fixed;top:68px;display:flex;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:0 2em;overflow-x:auto;z-index:20;width:100%}.tabs button{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:8px;font-weight:500;transition:all .25s}.tabs button:hover{background-color:var(--secondary-bg)}.tabs button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.app-content{flex:1;padding:10px;max-width:1200px;width:100%;margin:120px auto 0}.section{margin-bottom:2em;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em;position:fixed;top:110px;padding:5px 0;width:98%;max-width:1180px;background:#1a1a1a;z-index:20}.section-header h2{margin:0}.form-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5em;margin-bottom:1.5em}.form-card h3{margin-bottom:1em}.list{display:flex;flex-direction:column;gap:1em}.list-item{display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1em;transition:all .25s}.list-item:hover{border-color:var(--primary-color)}.list-item.inactive{opacity:.6}.item-content{flex:1}.item-title{font-weight:600;font-size:1.1em;margin-bottom:.5em}.item-meta{display:flex;flex-wrap:wrap;gap:1em;font-size:.9em;color:var(--text-secondary);margin-bottom:.5em}.item-preview{color:var(--text-secondary);font-size:.95em;line-height:1.6}.item-notes{color:var(--text-secondary);font-size:.9em;font-style:italic;margin-top:.5em}.item-actions,.tag-input{display:flex;gap:.5em}.tag-input input{flex:1}.tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.5em}.tag{display:inline-flex;align-items:center;gap:.5em;padding:.3em .8em;background-color:var(--primary-color);color:#fff;border-radius:16px;font-size:.9em}.tag button{background:transparent;border:none;color:#fff;padding:0;cursor:pointer;font-size:1.2em;line-height:1}.tags-inline{display:flex;gap:.5em}.status-badge{padding:.3em .8em;border-radius:16px;font-size:.9em;font-weight:500}.status-badge.present{background-color:var(--success-color);color:#fff}.status-badge.absent{background-color:var(--error-color);color:#fff}.status-badge.excused,.status-badge.late{background-color:var(--warning-color);color:#fff}.filter-bar{display:flex;gap:1em;align-items:center;margin-bottom:1.5em;flex-wrap:wrap}.filter-select{min-width:200px}.stats-inline{display:flex;gap:1.5em;font-size:.9em;color:var(--text-secondary)}.settings-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5em;margin-bottom:1.5em}.settings-card h3{margin-bottom:1em}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:2em}.setting-info h3{margin:0 0 .3em;font-size:1em}.setting-info p{margin:0;color:var(--text-secondary);font-size:.9em}.toggle{position:relative;display:inline-block;width:50px;height:28px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em;margin-top:1.5em}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5em;display:flex;flex-direction:column;gap:1em;transition:all .25s}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.stat-title{font-size:.95em;color:var(--text-secondary);line-height:1.4}.stat-value{font-size:2.5em;font-weight:600;color:var(--primary-color)}.month-tabs{position:fixed;margin:26px auto 1.5em;display:flex;width:98%;justify-content:center;gap:3px;background-color:var(--card-bg);padding:.5em 0;max-width:1180px;border:1px solid var(--border-color);z-index:20}.month-tabs button{padding:4px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.9em;white-space:nowrap;transition:all .25s}.month-tabs button:hover{border-color:var(--primary-color);background-color:var(--secondary-bg)}.month-tabs button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.reports-table-container{overflow-x:auto;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.reports-table{margin-top:75px;width:100%;border-collapse:collapse;font-size:.9em}.reports-table th{background-color:var(--secondary-bg);padding:1em;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);white-space:nowrap}.reports-table td{padding:.5em 1em;border-bottom:1px solid var(--border-color);font-size:.7em;text-align:center}.reports-table td:nth-child(2),.reports-table td:nth-child(6){text-align:left}.reports-table tbody tr:hover{background-color:var(--secondary-bg)}.reports-table tbody tr:last-child td{border-bottom:none}.note-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-yes{display:inline-block;padding:.3em .8em;background-color:var(--success-color);color:#fff;border-radius:12px;font-size:.85em;font-weight:500}.badge-no{display:inline-block;padding:.3em .8em;background-color:var(--border-color);color:var(--text-secondary);border-radius:12px;font-size:.85em;font-weight:500}.badge-warning{display:inline-block;padding:.3em .8em;background-color:var(--warning-color);color:#fff;border-radius:12px;font-size:.85em;font-weight:500}.badge-empty{color:var(--text-secondary);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--card-bg);border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5em;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0}.close-button{background:transparent;border:none;font-size:2em;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px}.close-button:hover{color:var(--primary-color)}.modal-body{padding:1.5em}.unmatched-list{display:flex;flex-direction:column;gap:1.5em;margin:1.5em 0;max-height:400px;overflow-y:auto}.unmatched-item{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1em}.unmatched-name{font-weight:600;margin-bottom:.8em;color:var(--primary-color)}.decision-group{display:flex;flex-direction:column;gap:.8em}.decision-group label{display:flex;align-items:center;gap:.5em;cursor:pointer}.decision-group input[type=radio]{width:auto}.suggestions{display:flex;flex-direction:column;gap:.5em;margin-left:1.5em;padding-left:1em;border-left:2px solid var(--border-color)}@media (max-width: 768px){.app-header{flex-direction:column;align-items:stretch}.header-left{flex-direction:column;align-items:flex-start;gap:.5em}.tabs{padding:0 1em}.tabs button{padding:1em;font-size:.9em}.app-content{padding:1em}.section-header{flex-direction:column;align-items:stretch;gap:1em}.list-item{flex-direction:column;gap:1em}.item-actions{justify-content:flex-end}.button-group{flex-direction:column}.stats-grid{grid-template-columns:1fr}.month-tabs{flex-wrap:nowrap}.reports-table{font-size:.8em}.reports-table th,.reports-table td{padding:.6em}.modal-content{width:95%;max-height:90vh}}:root{--primary-color: #646cff;--primary-hover: #535bf2;--secondary-bg: #1a1a1a;--card-bg: #242424;--border-color: #444;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800}@media (prefers-color-scheme: light){:root{--primary-color: #646cff;--primary-hover: #535bf2;--secondary-bg: #f9f9f9;--card-bg: #ffffff;--border-color: #ddd;--text-primary: #213547;--text-secondary: #666}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--secondary-bg);min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s;background-color:var(--secondary-bg);color:var(--text-primary)}button.primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}button.primary:hover:not(:disabled){background-color:var(--primary-hover)}button.secondary:hover:not(:disabled){border-color:var(--primary-color)}button:disabled{opacity:.5;cursor:not-allowed}button.icon-button{padding:.4em;background:transparent;font-size:1.2em;border:none}button.icon-button:hover:not(:disabled){background-color:var(--border-color)}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=password],input[type=file],select,textarea{width:100%;padding:.8em;border:1px solid var(--border-color);border-radius:8px;background-color:var(--secondary-bg);color:var(--text-primary);font-size:1em;font-family:inherit;transition:border-color .25s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color)}textarea{resize:vertical;min-height:100px}label{display:block;margin-bottom:.3em;font-weight:500;color:var(--text-primary)}.error{background-color:var(--error-color);color:#fff;padding:1em;border-radius:8px;margin:1em 0}.success{background-color:var(--success-color);color:#fff;padding:1em;border-radius:8px;margin:1em 0}.badge{display:inline-block;padding:.2em .6em;background-color:var(--primary-color);color:#fff;border-radius:4px;font-size:.85em;margin-right:.5em}.badge.inactive{background-color:var(--border-color)}.empty{text-align:center;padding:3em;color:var(--text-secondary);font-style:italic}