body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f4f6f8;color:#333}.app-container{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.day-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:transform .2s;cursor:pointer}.day-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 15px #0003}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-weight:700;margin-top:5px}.input-group input,.input-group textarea,.input-group select{padding:10px;border:1px solid #ddd;border-radius:5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-primary{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.btn-secondary{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.detail-layout{background-color:#eef2f5;min-height:100vh;padding-bottom:50px}.detail-header-bar{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d}.detail-title{font-size:1.2rem;font-weight:700;color:#333}.detail-subtitle{color:#888;font-weight:400;margin-left:10px;font-size:.9rem}.action-btn{background:#fff;border:1px solid #ccc;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:700;color:#555;display:flex;align-items:center;gap:5px;transition:all .2s}.action-btn:hover{background:#f9f9f9}.editor-card{background:#fff;margin:20px auto;max-width:1000px;border-radius:4px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.tabs-header{display:flex;background:#34495e;padding:0 10px}.tab-btn{background:transparent;color:#ccc;border:none;padding:15px 20px;cursor:pointer;font-weight:700;border-bottom:3px solid transparent}.tab-btn.active{background:#fff;color:#333;border-top-left-radius:4px;border-top-right-radius:4px}.tab-btn:hover:not(.active){color:#fff}.editor-body{padding:20px;background:#f8f9fa}.editor-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;font-size:1rem;box-sizing:border-box}.rich-toolbar{background:#fff;border:1px solid #ddd;border-bottom:none;padding:8px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:10px}.toolbar-btn{border:none;background:none;font-weight:700;cursor:pointer;color:#666}.editor-textarea{width:100%;height:120px;padding:12px;border:1px solid #ddd;border-top:1px solid #eee;border-bottom-left-radius:4px;border-bottom-right-radius:4px;resize:vertical;font-family:inherit;box-sizing:border-box}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.submit-btn{background:#7cb342;color:#fff;border:none;padding:10px 25px;border-radius:4px;font-weight:700;cursor:pointer;font-size:1rem}.submit-btn:hover{background:#689f38}.timeline-container{max-width:1000px;margin:0 auto;padding:0 20px}.timeline-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:4px;border-left:4px solid #3498db;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between}.sub-tabs-header{display:flex;background:#e0e0e0;padding:0;border-bottom:1px solid #ccc}.sub-tab-btn{background:transparent;border:none;padding:12px 20px;font-weight:700;color:#666;cursor:pointer;text-transform:uppercase;font-size:.85rem}.sub-tab-btn.active{background:#9e9e9e;color:#fff}.sub-tab-btn:hover:not(.active){background:#d5d5d5}.att-row{display:flex;gap:20px;margin-bottom:15px;background:#fff;padding:15px;border:1px solid #ddd;border-radius:4px}.att-group{flex:1;display:flex;flex-direction:column}.att-group label{font-size:.8rem;color:#888;margin-bottom:5px}.att-input{border:none;border-bottom:1px solid #ccc;padding:8px 0;font-size:1rem;width:100%;outline:none;transition:border-color .2s}.att-input:focus{border-bottom:2px solid #3498db}.att-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:flex-start}.calendar-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-header{text-align:center;font-weight:700;color:#666;padding:5px;font-size:.9em}.calendar-day{height:80px;border-radius:4px;padding:5px;font-weight:700;cursor:pointer;position:relative;transition:opacity .2s;display:flex;flex-direction:column;justify-content:space-between}.calendar-day:hover{opacity:.8;border:2px solid #333}.day-empty{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.day-filled{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.day-disabled{background-color:#f5f5f5;color:#ccc;cursor:default;pointer-events:none}@media(max-width:768px){.header{flex-direction:column;gap:15px;text-align:center;padding:15px!important}.header>div{width:100%;justify-content:center;flex-wrap:wrap}.mobile-hide{display:none!important}.calendar-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-grid{min-width:600px}.calendar-day{height:80px;font-size:.85em}.dashboard-grid{grid-template-columns:1fr!important}.action-btn,.submit-btn{width:100%;margin-bottom:5px;justify-content:center}.tabs-header{flex-wrap:wrap}.tab-btn{flex:1 1 45%;font-size:.9em}}.header-actions{display:flex;gap:10px;align-items:center}@media(max-width:768px){.detail-header-bar{flex-direction:column;align-items:stretch;gap:15px;padding:15px!important;height:auto}.header-left{text-align:center;margin-bottom:5px;width:100%}.header-left>div{justify-content:center}.header-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.header-actions .action-btn{flex:1 1 45%;justify-content:center;padding:12px;text-align:center;font-size:.9em}.header-actions a.action-btn{flex:1 1 100%;background-color:#f5f5f5;margin-top:5px;justify-content:center}}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-top:30px}@media(max-width:768px){.admin-grid{grid-template-columns:1fr;gap:20px}}