.tw-app{color:#0f172a;max-width:900px;margin:0 auto;padding:0 12px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}.tw-header{padding:20px 0 10px}.tw-header h1{margin:0;font-size:20px}.tw-main{margin-top:8px}.tw-summary{display:flex;background:#f8fafc;border:1px solid #e6eef8;border-radius:10px;justify-content:space-between;align-items: center;gap:12px;margin-bottom:12px;padding:10px}.tw-summary-item{display:flex;flex-direction:column;min-width:0}.tw-summary-label{color:#64748b;font-size:12px}.tw-summary-value{color:#08203a;margin-top:4px;font-weight:800}.tw-list{list-style:none;display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0}.tw-card{background:#fff;border:1px solid #e6eef8;border-radius:10px;min-width:0;padding:12px;box-shadow:0 1px 2px #0f172a0a}.tw-card .tw-left{display:flex;align-items: center;gap:10px;min-width:0}.tw-swatch{border:1px solid #0000000f;border-radius:4px;width:14px;height:14px}.tw-card-row{display:flex;justify-content:space-between;align-items: center}.tw-card-title{color:#06121a;font-size:16px;font-weight:600}.tw-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tw-card-count{color:#0366d6;background:#f1f8ff;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.tw-card-sub{color:#5b6b76;margin-top:6px;font-size:12px}.tw-meta{color:#64748b;font-size:12px}.tw-badge{display:inline-block;color:#0366d6;background:#eef7ff;border-radius:999px;margin-left:6px;padding:4px 8px;font-size:11px;font-weight:600}.tw-badge.muted{color:#475569;background:#f3f4f6}.tw-badge.warn{color:#b45309;background:#fff4e6}.tw-absence{display:grid;grid-template-columns:1fr;gap:8px 0;margin-top:12px}.tw-attendance-bar{overflow:hidden;display:flex;background:#f1f5f9;border-radius:8px;width:100%;height:18px;margin-bottom:8px}.tw-bar-seg{position:relative;overflow:hidden;min-width:0;height:100%}.tw-bar-label{position:absolute;color:#fff;pointer-events:none;text-shadow:0 1px #00000026;white-space:nowrap;box-sizing:border-box;padding:0 6px;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.tw-bar-seg.att{background:#16a34a}.tw-bar-seg.abs{background:#ef4444}.tw-bar-seg.rep{background:#f59e0b}.tw-absence-row{display:flex;flex-direction:column}.tw-absence-label{color:#64748b;font-size:11px}.tw-absence-value{color:#08203a;margin-top:2px;font-weight:700}.tw-empty,.tw-error{text-align:center;color:#64748b;padding:18px 12px}.tw-footer{color:#94a3b8;text-align:center;margin-top:18px;font-size:12px}.tw-refresh-button{cursor:pointer;color:#0366d6;background:0 0;border:none;margin-left:8px;font-weight:700}.tw-refresh-button:disabled{opacity:.5;cursor:default}@media (min-width:640px){.tw-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.tw-list{grid-template-columns:repeat(3,1fr)}}