@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#f5f6fa;--bg-card:#fff;--text-primary:#2d3436;--text-secondary:#636e72;--border-color:#f1f2f6;--accent-blue:#2e86de;--radius-lg:20px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);height:100vh;font-family:Inter,sans-serif;overflow:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.app-layout{gap:16px;height:100vh;padding:16px;display:flex}.sidebar{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:220px;padding:24px;display:flex;box-shadow:0 4px 20px #00000008}.sidebar-weather{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.weather-icon{margin-bottom:8px;font-size:32px}.weather-temp{font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;gap:16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:16px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#f8f9fa}.main-content{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.calendar-main{flex-direction:column;height:100%;padding:24px;display:flex}.top-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.header-title h2{font-size:24px;font-weight:600}.current-time{color:var(--text-secondary);font-size:20px;font-weight:500}.header-controls{align-items:center;gap:16px;display:flex}.view-selector{border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;border:1px solid #e0e0e0;padding:8px 12px;font-weight:500}.nav-group{border-radius:var(--radius-sm);border:1px solid #e0e0e0;align-items:center;display:flex;overflow:hidden}.nav-btn{color:var(--text-secondary);background:#fff;justify-content:center;align-items:center;padding:8px 12px;display:flex}.nav-btn:hover{background:#f5f5f5}.filter-btn{border-radius:var(--radius-sm);color:var(--text-primary);border:1px solid #e0e0e0;padding:8px 16px;font-weight:500}.wifi-icon{align-items:center;display:flex}.calendar-content{flex:1;overflow-y:auto}.week-blocks-grid{grid-template-columns:repeat(4,1fr);gap:16px;height:100%;display:grid}.day-block{border-radius:var(--radius-md);background:#fff;border:1px solid #f1f2f6;flex-direction:column;display:flex;box-shadow:0 2px 8px #00000005}.day-block-header{border-bottom:1px solid #f1f2f6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.day-title{align-items:center;gap:8px;display:flex}.day-name{color:var(--text-primary);font-size:16px;font-weight:600}.day-num{font-size:16px;font-weight:600}.day-num.active{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.day-meta{align-items:center;gap:8px;display:flex}.event-count{color:#a4b0be;font-size:12px}.add-btn{color:#a4b0be;font-size:18px;font-weight:600}.add-btn:hover{color:var(--text-primary)}.day-block-content{cursor:pointer;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.event-card{cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:12px;transition:transform .1s;display:flex}.event-card:hover{transform:scale(1.02)}.event-card-header{justify-content:space-between;align-items:center;display:flex}.event-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.event-icon{font-size:12px}.event-time{opacity:.8;font-size:12px}.placeholder-block{justify-content:space-between}.placeholder-content{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.big-add-btn{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #2e86de4d}.month-grid{border-radius:var(--radius-md);border:1px solid #f1f2f6;grid-template-columns:repeat(7,1fr);height:100%;display:grid;overflow:hidden}.grid-header{text-align:center;border-bottom:1px solid #f1f2f6;border-right:1px solid #f1f2f6;padding:12px;font-weight:600}.grid-header:last-child{border-right:none}.month-cell{cursor:pointer;border-bottom:1px solid #f1f2f6;border-right:1px solid #f1f2f6;flex-direction:column;gap:4px;min-height:100px;padding:8px;display:flex}.month-cell:nth-child(7n){border-right:none}.month-cell.out-month{background:#f9f9f9}.month-cell.today{background:#f0f8ff}.cell-date{text-align:right;margin-bottom:4px}.date-num{color:var(--text-secondary);font-size:14px;font-weight:500}.month-cell.today .date-num{background:var(--accent-blue);color:#fff;border-radius:10px;padding:2px 6px}.cell-events{flex-direction:column;gap:4px;display:flex;overflow:hidden}.cell-events .event-card{padding:4px 6px}.cell-events .event-title{font-size:11px}.cell-events .event-time,.cell-events .event-icon{display:none}.modal-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:400px;padding:24px;box-shadow:0 10px 40px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-size:20px;font-weight:600}.form-group{margin-bottom:16px}.form-row{gap:12px;display:flex}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input-field{border-radius:var(--radius-sm);border:1px solid #dfe6e9;width:100%;padding:10px 12px;font-size:14px}.input-field:focus{border-color:var(--accent-blue)}.color-picker{gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px}.color-swatch.selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent-blue);transform:scale(1.1)}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);padding:10px 16px;font-weight:500}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-sm);background:#f1f2f6;padding:10px 16px;font-weight:500}.btn-icon{color:var(--text-secondary)}.btn-icon:hover{background:#f1f2f6;border-radius:50%}.mobile-week-list{flex-direction:column;height:100%;display:flex}.mobile-day-row{border-bottom:1px solid #f1f2f6;min-height:80px;padding:12px 0;display:flex}.mobile-day-label{flex-direction:column;align-items:center;gap:4px;width:60px;display:flex}.m-day{color:var(--text-secondary);font-size:13px;font-weight:600}.m-date{font-size:16px;font-weight:600}.m-date.active{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-events-col{cursor:pointer;border-left:1px solid #f1f2f6;flex-direction:column;flex:1;gap:8px;padding-left:12px;display:flex}@media (width<=768px){.app-layout{flex-direction:column;gap:0;padding:0}.sidebar{display:none}.main-content{box-shadow:none;border-radius:0}.calendar-main{padding:16px}.top-header{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{justify-content:space-between;width:100%}.week-blocks-grid{display:none}.month-grid{grid-template-columns:repeat(7,1fr)}.month-cell{min-height:60px;padding:2px}.grid-header{padding:4px;font-size:11px}}.month-cell.weekend,.day-block.weekend,.mobile-day-row.weekend{background-color:#fff9f9}.month-cell.weekend .date-num,.day-block.weekend .day-name,.day-block.weekend .day-num,.mobile-day-row.weekend .m-day,.mobile-day-row.weekend .m-date{color:#ff7675}.month-cell.today.weekend .date-num,.day-block.today.weekend .day-num,.mobile-day-row.today.weekend .m-date{color:#fff}.login-screen{background:var(--bg-main);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:40px;display:flex;box-shadow:0 10px 30px #0000000d}.login-icon{background:#f0f8ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 8px;display:flex}.login-card h2{color:var(--text-primary);font-size:24px}.login-card p{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.input-field.error{border-color:var(--danger-color);background:snow}.error-text{color:var(--danger-color);text-align:left;margin-top:-8px;font-size:12px}