:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#f59e0b;--success:#10b981;--danger:#ef4444;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#e2e8f0;--bg-card:rgba(255,255,255,0.9);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border:rgba(148,163,184,0.3);--border-hover:rgba(148,163,184,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.05);--shadow-glow:0 0 20px rgba(99,102,241,0.15);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--holiday-national:#ef4444;--holiday-religious:#8b5cf6;--holiday-cultural:#f59e0b;--holiday-other:#06b6d4;--gradient-bg-1:rgba(99,102,241,0.08);--gradient-bg-2:rgba(245,158,11,0.05);}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:rgba(30,41,59,0.8);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:rgba(148,163,184,0.1);--border-hover:rgba(148,163,184,0.2);--shadow-sm:0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -4px rgba(0,0,0,0.2);--shadow-glow:0 0 20px rgba(99,102,241,0.3);--gradient-bg-1:rgba(99,102,241,0.15);--gradient-bg-2:rgba(245,158,11,0.1);}*{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at top,var(--gradient-bg-1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--gradient-bg-2) 0%,transparent 50%);background-attachment:fixed;transition:background-color 0.3s ease,color 0.3s ease;}.header-controls{display:flex;align-items:center;gap:16px;}.theme-toggle{position:relative;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);overflow:hidden;}.theme-toggle:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.05);box-shadow:var(--shadow-glow);}.theme-toggle:hover .theme-icon{color:white;}.theme-icon{position:absolute;transition:transform 0.4s ease,opacity 0.3s ease;}.theme-icon.sun{opacity:1;transform:rotate(0deg) scale(1);}.theme-icon.moon{opacity:0;transform:rotate(-90deg) scale(0.5);}body.dark-mode .theme-icon.sun{opacity:0;transform:rotate(90deg) scale(0.5);}body.dark-mode .theme-icon.moon{opacity:1;transform:rotate(0deg) scale(1);}.app-container{max-width:1600px;margin:0 auto;padding:20px;}.header{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px 30px;margin-bottom:30px;box-shadow:var(--shadow-lg);}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}.title{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.title-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;}.year-selector{display:flex;align-items:center;gap:15px;background:var(--bg-tertiary);padding:8px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);}.nav-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);}.nav-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.05);}.current-year{font-size:1.5rem;font-weight:700;color:var(--primary-light);min-width:80px;text-align:center;}.quick-stats{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px 24px;margin-bottom:30px;box-shadow:var(--shadow-md);min-height:800px;contain:layout style;}.stats-header{margin-bottom:16px;}.stats-title{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text-secondary);}.stats-icon{font-size:1.2rem;}.stats-ranking{display:flex;flex-wrap:wrap;gap:12px;}.rank-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);flex:1;min-width:200px;max-width:300px;transition:var(--transition);}.rank-item:hover{border-color:var(--border-hover);transform:translateY(-2px);}.rank-item.top-1{background:linear-gradient(135deg,rgba(255,215,0,0.15) 0%,rgba(255,215,0,0.05) 100%);border-color:rgba(255,215,0,0.3);}.rank-item.top-2{background:linear-gradient(135deg,rgba(192,192,192,0.15) 0%,rgba(192,192,192,0.05) 100%);border-color:rgba(192,192,192,0.3);}.rank-item.top-3{background:linear-gradient(135deg,rgba(205,127,50,0.15) 0%,rgba(205,127,50,0.05) 100%);border-color:rgba(205,127,50,0.3);}.rank-medal{font-size:1.5rem;min-width:30px;text-align:center;}.rank-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-tertiary);border-radius:50%;font-size:0.75rem;font-weight:600;color:var(--text-muted);}.rank-info{flex:1;min-width:0;}.rank-month{font-weight:600;font-size:0.9rem;margin-bottom:4px;}.rank-month-link{display:block;font-weight:600;font-size:0.9rem;margin-bottom:4px;color:var(--text-primary);text-decoration:none;transition:var(--transition);}.rank-month-link:hover{color:var(--primary-light);}.rank-item.top-1 .rank-month-link:hover{color:#ffd700;}.rank-item.top-2 .rank-month-link:hover{color:#a0a0a0;}.rank-item.top-3 .rank-month-link:hover{color:#cd7f32;}.rank-bar-container{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;}.rank-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:2px;transition:width 0.5s ease;}.rank-item.top-1 .rank-bar{background:linear-gradient(90deg,#ffd700 0%,#ffec8b 100%);}.rank-item.top-2 .rank-bar{background:linear-gradient(90deg,#c0c0c0 0%,#e8e8e8 100%);}.rank-item.top-3 .rank-bar{background:linear-gradient(90deg,#cd7f32 0%,#daa520 100%);}.rank-count{font-weight:700;font-size:1.1rem;color:var(--primary-light);text-align:right;min-width:50px;}.rank-count span{font-size:0.7rem;font-weight:400;color:var(--text-muted);display:block;}.stats-empty{color:var(--text-muted);font-size:0.9rem;padding:20px;text-align:center;}.long-weekend-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);min-height:600px;contain:layout style;}.lw-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;}.lw-summary{display:flex;gap:8px;}.lw-summary-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);min-width:60px;cursor:pointer;transition:var(--transition);user-select:none;}.lw-summary-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.lw-summary-item.active{transform:scale(1.05);box-shadow:var(--shadow-lg);}.lw-summary-item.total{background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(99,102,241,0.05) 100%);border-color:rgba(99,102,241,0.3);}.lw-summary-item.natural{background:linear-gradient(135deg,rgba(16,185,129,0.2) 0%,rgba(16,185,129,0.05) 100%);border-color:rgba(16,185,129,0.3);}.lw-summary-item.cuti{background:linear-gradient(135deg,rgba(245,158,11,0.2) 0%,rgba(245,158,11,0.05) 100%);border-color:rgba(245,158,11,0.3);}.lw-summary-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);}.lw-summary-item.total .lw-summary-number{color:var(--primary-light);}.lw-summary-item.natural .lw-summary-number{color:var(--success);}.lw-summary-item.cuti .lw-summary-number{color:var(--secondary);}.lw-summary-label{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:500;}.lw-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);}.lw-legend-item{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-secondary);}.lw-legend-color{width:12px;height:12px;border-radius:3px;}.lw-legend-item.natural .lw-legend-color{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);}.lw-legend-item.cuti .lw-legend-color{background:linear-gradient(135deg,var(--secondary) 0%,#d97706 100%);}.lw-month-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);}.lw-month-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;font-size:0.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition);white-space:nowrap;}.lw-month-pill:hover{background:var(--primary);border-color:var(--primary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-md);}.lw-month-section{margin-bottom:24px;scroll-margin-top:100px;}.lw-month-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary);}.lw-month-title::before{content:'📅';font-size:1rem;}.lw-month-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}.long-weekend-list{display:block;}.lw-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition);}.lw-item:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg);}.lw-item.natural{border-left:4px solid var(--success);}.lw-item.cuti{border-left:4px solid var(--secondary);}.lw-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px;}.lw-badge{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;padding:6px 12px;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:700;white-space:nowrap;}.lw-item.natural .lw-badge{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);}.lw-item.cuti .lw-badge{background:linear-gradient(135deg,var(--secondary) 0%,#d97706 100%);}.lw-type-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:500;background:var(--bg-tertiary);}.lw-type-badge.natural{background:rgba(16,185,129,0.15);color:var(--success);}.lw-type-badge.cuti{background:rgba(245,158,11,0.15);color:var(--secondary);}.lw-item-body{display:flex;flex-direction:column;gap:6px;}.lw-holiday-name{font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1.4;}.lw-date-range{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--text-secondary);}.lw-calendar-icon{font-size:0.9rem;}.lw-days-visual{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);}.lw-day{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px 6px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);transition:var(--transition);}.lw-day:hover{transform:scale(1.05);}.lw-day.holiday{background:linear-gradient(135deg,rgba(239,68,68,0.25) 0%,rgba(239,68,68,0.1) 100%);border-color:rgba(239,68,68,0.4);}.lw-day.weekend{background:linear-gradient(135deg,rgba(139,92,246,0.25) 0%,rgba(139,92,246,0.1) 100%);border-color:rgba(139,92,246,0.4);}.lw-day.cuti{background:linear-gradient(135deg,rgba(245,158,11,0.25) 0%,rgba(245,158,11,0.1) 100%);border-color:rgba(245,158,11,0.4);}.lw-day-name{font-size:0.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;}.lw-day.holiday .lw-day-name{color:var(--danger);}.lw-day.weekend .lw-day-name{color:var(--holiday-religious);}.lw-day.cuti .lw-day-name{color:var(--secondary);}.lw-day-num{font-size:1rem;font-weight:700;color:var(--text-primary);}.lw-day-type{font-size:0.8rem;margin-top:2px;}.lw-note{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(245,158,11,0.1);border-radius:var(--radius-sm);font-size:0.8rem;color:var(--secondary);border:1px dashed rgba(245,158,11,0.3);}.lw-note-icon{font-size:1rem;}.lw-day-legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px;border-top:1px solid var(--border);margin-top:4px;}.lw-day-legend-item{display:flex;align-items:center;gap:4px;font-size:0.7rem;color:var(--text-muted);}.lw-legend-dot{width:8px;height:8px;border-radius:2px;}.lw-legend-dot.holiday{background:var(--danger);}.lw-legend-dot.weekend{background:var(--holiday-religious);}.lw-legend-dot.cuti{background:var(--secondary);}@media (max-width:768px){.quick-stats{padding:16px 20px;min-height:auto;}.long-weekend-section{min-height:auto;}.stats-ranking{flex-direction:column;}.rank-item{max-width:none;}.long-weekend-list{grid-template-columns:1fr;}.lw-month-nav{padding:10px 12px;gap:6px;}.lw-month-pill{padding:6px 12px;font-size:0.8rem;}.lw-month-items{grid-template-columns:1fr;}.lw-month-title{font-size:1rem;}.lw-header{flex-direction:column;align-items:flex-start;}.lw-summary{width:100%;justify-content:space-between;}.lw-legend{flex-direction:column;gap:8px;}.lw-days-visual{padding:10px 8px;grid-template-columns:repeat(7,1fr);}.lw-day{padding:6px 4px;}}.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;}@media (max-width:1200px){.calendar-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:900px){.calendar-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.calendar-grid{grid-template-columns:1fr;}}.month-card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:var(--transition);box-shadow:var(--shadow-md);}.month-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);}.month-header{text-align:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border);}.month-name{font-size:1.1rem;font-weight:600;color:var(--primary-light);}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px;}.weekday{text-align:center;font-size:0.7rem;font-weight:600;color:var(--text-muted);padding:4px 0;text-transform:uppercase;}.weekday:first-child{color:var(--danger);}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:0.8rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);position:relative;}.day:hover:not(.empty){background:var(--bg-tertiary);}.day.empty{cursor:default;}.day.today{background:var(--primary);color:white;font-weight:700;}.day.sunday{color:var(--danger);}.day.holiday{background:linear-gradient(135deg,rgba(239,68,68,0.2) 0%,rgba(239,68,68,0.1) 100%);color:var(--danger);font-weight:600;border:1px solid rgba(239,68,68,0.3);}.day.holiday::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--danger);border-radius:50%;}.day.holiday.religious{background:linear-gradient(135deg,rgba(139,92,246,0.2) 0%,rgba(139,92,246,0.1) 100%);color:var(--holiday-religious);border-color:rgba(139,92,246,0.3);}.day.holiday.religious::after{background:var(--holiday-religious);}.day.holiday.cultural{background:linear-gradient(135deg,rgba(245,158,11,0.2) 0%,rgba(245,158,11,0.1) 100%);color:var(--holiday-cultural);border-color:rgba(245,158,11,0.3);}.day.holiday.cultural::after{background:var(--holiday-cultural);}.day.holiday.other{background:linear-gradient(135deg,rgba(6,182,212,0.2) 0%,rgba(6,182,212,0.1) 100%);color:var(--holiday-other);border-color:rgba(6,182,212,0.3);}.day.holiday.other::after{background:var(--holiday-other);}.day[data-tooltip]:hover::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-primary);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-sm);font-size:0.7rem;white-space:nowrap;z-index:100;box-shadow:var(--shadow-lg);border:1px solid var(--border);margin-bottom:4px;}.month-holidays{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;}.month-holiday-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:0.75rem;background:rgba(239,68,68,0.1);border-left:3px solid var(--holiday-national);}.month-holiday-item.religious{background:rgba(139,92,246,0.1);border-left-color:var(--holiday-religious);}.month-holiday-item.cultural{background:rgba(245,158,11,0.1);border-left-color:var(--holiday-cultural);}.month-holiday-item.other{background:rgba(6,182,212,0.1);border-left-color:var(--holiday-other);}.month-holiday-date{font-weight:700;min-width:20px;color:var(--text-secondary);}.month-holiday-name{color:var(--text-primary);line-height:1.3;}.holidays-section{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:30px;box-shadow:var(--shadow-lg);}.holidays-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;}.holidays-title{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px;}.holidays-icon{font-size:1.3rem;}.add-holiday-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);}.add-holiday-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);}.holidays-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}.holiday-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition);}.holiday-item:hover{border-color:var(--border-hover);transform:translateX(4px);}.holiday-date{background:var(--bg-tertiary);padding:8px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:0.85rem;min-width:50px;text-align:center;}.holiday-info{flex:1;}.holiday-name{font-weight:500;margin-bottom:2px;}.holiday-type{font-size:0.75rem;padding:2px 8px;border-radius:20px;display:inline-block;}.holiday-type.national{background:rgba(239,68,68,0.2);color:var(--holiday-national);}.holiday-type.religious{background:rgba(139,92,246,0.2);color:var(--holiday-religious);}.holiday-type.cultural{background:rgba(245,158,11,0.2);color:var(--holiday-cultural);}.holiday-type.other{background:rgba(6,182,212,0.2);color:var(--holiday-other);}.holiday-actions{display:flex;gap:6px;}.holiday-action-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);}.holiday-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);}.holiday-action-btn.delete:hover{background:rgba(239,68,68,0.2);border-color:var(--danger);color:var(--danger);}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition);padding:20px;}.modal-overlay.active{opacity:1;visibility:visible;}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:450px;transform:scale(0.9) translateY(20px);transition:var(--transition);box-shadow:var(--shadow-lg);}.modal-overlay.active .modal{transform:scale(1) translateY(0);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);}.modal-title{font-size:1.1rem;font-weight:600;}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;transition:var(--transition);}.modal-close:hover{color:var(--text-primary);}.modal-form{padding:24px;}.form-group{margin-bottom:20px;}.form-group label{display:block;font-size:0.9rem;font-weight:500;margin-bottom:8px;color:var(--text-secondary);}.form-group input,.form-group select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.95rem;font-family:inherit;transition:var(--transition);}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2);}.form-group input::placeholder{color:var(--text-muted);}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;}.btn{padding:12px 24px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);}.btn-secondary:hover{background:var(--bg-primary);}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--bg-secondary);border:1px solid var(--border);padding:14px 28px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;opacity:0;visibility:hidden;transition:var(--transition);}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;}.toast.success{border-color:var(--success);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(16,185,129,0.1) 100%);}.toast.error{border-color:var(--danger);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(239,68,68,0.1) 100%);}.toast-message{font-size:0.9rem;font-weight:500;}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:0.5;}.empty-state-text{font-size:1rem;}@media (max-width:1024px){.app-container{padding:16px;}.header{padding:18px 24px;}.rank-item{min-width:180px;}}@media (max-width:768px){html{font-size:15px;}.app-container{padding:12px;}.header{padding:16px 18px;border-radius:var(--radius-lg);margin-bottom:20px;}.header-content{flex-direction:column;gap:16px;text-align:center;}.title{font-size:1.25rem;justify-content:center;flex-wrap:wrap;}.title-icon{font-size:1.3rem;}.year-selector{width:100%;justify-content:center;padding:10px 16px;}.nav-btn{width:40px;height:40px;}.current-year{font-size:1.4rem;}.quick-stats{padding:16px;margin-bottom:20px;border-radius:var(--radius-lg);}.stats-header{margin-bottom:14px;}.stats-title{font-size:0.95rem;}.stats-ranking{flex-direction:column;gap:10px;}.rank-item{max-width:none;min-width:auto;padding:14px;}.rank-medal{font-size:1.4rem;}.rank-month{font-size:0.95rem;}.rank-count{font-size:1rem;}.long-weekend-section{margin-top:20px;padding-top:20px;}.long-weekend-list{grid-template-columns:1fr;gap:10px;}.lw-item{padding:12px 14px;}.lw-badge{padding:5px 8px;font-size:0.7rem;}.lw-holiday{font-size:0.85rem;}.calendar-grid{gap:16px;margin-bottom:30px;}.month-card{padding:14px;border-radius:var(--radius-md);}.month-header{padding-bottom:10px;margin-bottom:10px;}.month-name{font-size:1rem;}.weekday{font-size:0.65rem;padding:3px 0;}.day{font-size:0.75rem;}.day[data-tooltip]:hover::before{font-size:0.65rem;padding:5px 8px;}.month-holidays{margin-top:10px;padding-top:10px;gap:5px;}.month-holiday-item{padding:5px 7px;font-size:0.7rem;}.month-holiday-date{min-width:18px;}.holidays-section{padding:20px;border-radius:var(--radius-lg);}.holidays-header{flex-direction:column;align-items:flex-start;gap:12px;}.holidays-title{font-size:1.1rem;}.add-holiday-btn{width:100%;justify-content:center;}.holidays-list{grid-template-columns:1fr;gap:10px;}.holiday-item{padding:12px 14px;flex-wrap:wrap;gap:10px;}.holiday-date{padding:6px 10px;font-size:0.8rem;}.holiday-actions{width:100%;justify-content:flex-end;}.modal{max-width:none;margin:0 12px;border-radius:var(--radius-lg);}.modal-header{padding:16px 18px;}.modal-form{padding:18px;}.form-group{margin-bottom:16px;}.form-actions{flex-direction:column;}.btn{width:100%;text-align:center;justify-content:center;}}@media (max-width:480px){html{font-size:14px;}.app-container{padding:10px;}.header{padding:14px 16px;}.title{font-size:1.1rem;gap:8px;}.title-icon{font-size:1.2rem;}.year-selector{padding:8px 14px;gap:12px;}.nav-btn{width:38px;height:38px;}.current-year{font-size:1.3rem;min-width:70px;}.quick-stats{padding:14px;}.stats-title{font-size:0.9rem;flex-wrap:wrap;}.stats-icon{font-size:1rem;}.rank-item{padding:12px;gap:10px;}.rank-medal{font-size:1.2rem;min-width:26px;}.rank-month{font-size:0.88rem;}.rank-count{font-size:0.95rem;min-width:45px;}.rank-count span{font-size:0.65rem;}.long-weekend-section{margin-top:16px;padding-top:16px;}.lw-item{padding:10px 12px;gap:10px;}.lw-badge{padding:4px 7px;font-size:0.68rem;}.lw-holiday{font-size:0.82rem;}.lw-dates{font-size:0.75rem;gap:6px;}.lw-range{padding:2px 6px;}.lw-note{font-size:0.7rem;padding:3px 6px;}.calendar-grid{gap:12px;margin-bottom:24px;}.month-card{padding:12px;}.month-header{padding-bottom:8px;margin-bottom:8px;}.month-name{font-size:0.95rem;}.weekdays{margin-bottom:6px;}.weekday{font-size:0.6rem;padding:2px 0;}.days-grid{gap:1px;}.day{font-size:0.72rem;border-radius:4px;}.day.holiday::after{width:3px;height:3px;bottom:1px;}.day[data-tooltip]:hover::before{display:none;}.month-holidays{margin-top:8px;padding-top:8px;gap:4px;}.month-holiday-item{padding:4px 6px;font-size:0.68rem;gap:6px;}.month-holiday-date{min-width:16px;font-size:0.68rem;}.month-holiday-name{line-height:1.25;}.holidays-section{padding:16px;}.holidays-title{font-size:1rem;}.holidays-icon{font-size:1.1rem;}.add-holiday-btn{padding:10px 16px;font-size:0.85rem;}.holiday-item{padding:10px 12px;}.holiday-name{font-size:0.9rem;}.holiday-type{font-size:0.7rem;}.holiday-action-btn{width:30px;height:30px;}.modal-overlay{padding:12px;}.modal{margin:0;}.modal-header{padding:14px 16px;}.modal-title{font-size:1rem;}.modal-form{padding:16px;}.form-group label{font-size:0.85rem;}.form-group input,.form-group select{padding:10px 14px;font-size:0.9rem;}.form-actions{margin-top:20px;}.btn{padding:10px 20px;font-size:0.85rem;}.toast{left:12px;right:12px;transform:translateX(0) translateY(100px);padding:12px 20px;}.toast.show{transform:translateX(0) translateY(0);}.toast-message{font-size:0.85rem;}.empty-state{padding:30px 16px;}.empty-state-icon{font-size:2.5rem;}.empty-state-text{font-size:0.9rem;}}@media (max-width:360px){.app-container{padding:8px;}.header{padding:12px 14px;}.title{font-size:1rem;}.year-selector{padding:6px 12px;gap:10px;}.nav-btn{width:34px;height:34px;}.nav-btn svg{width:16px;height:16px;}.current-year{font-size:1.2rem;min-width:60px;}.quick-stats{padding:12px;}.stats-title{font-size:0.85rem;gap:8px;}.rank-item{padding:10px;}.rank-medal{font-size:1.1rem;}.rank-month{font-size:0.82rem;}.rank-count{font-size:0.9rem;}.month-card{padding:10px;}.month-name{font-size:0.9rem;}.weekday{font-size:0.55rem;}.day{font-size:0.68rem;}.month-holiday-item{font-size:0.65rem;}}@media (hover:none) and (pointer:coarse){.nav-btn{min-width:44px;min-height:44px;}.day:not(.empty){min-width:32px;min-height:32px;}.holiday-action-btn{min-width:44px;min-height:44px;}.btn{min-height:44px;}.month-card:hover{transform:none;}.rank-item:hover{transform:none;}.lw-item:hover{transform:none;}.holiday-item:hover{transform:none;}.nav-btn:hover{transform:none;}}@media (max-height:500px) and (orientation:landscape){.header{padding:10px 16px;margin-bottom:12px;}.header-content{flex-direction:row;gap:16px;}.title{font-size:1.1rem;}.year-selector{width:auto;}.quick-stats{padding:12px;margin-bottom:12px;}.stats-ranking{flex-direction:row;flex-wrap:wrap;}.rank-item{min-width:150px;flex:1;}.long-weekend-list{grid-template-columns:repeat(2,1fr);}.calendar-grid{gap:12px;}.month-card{padding:10px;}}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:var(--bg-primary);}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}::selection{background:var(--primary);color:white;}.header-subtitle{font-size:0.95rem;color:var(--text-secondary);margin-top:8px;font-weight:400;line-height:1.5;}.header-subtitle strong{color:var(--primary-light);font-weight:500;}.seo-content{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:30px 40px;margin-top:40px;margin-bottom:30px;box-shadow:var(--shadow-md);min-height:600px;contain:layout style;}.seo-article h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.seo-article h3{font-size:1.1rem;font-weight:600;color:var(--primary-light);margin-top:24px;margin-bottom:12px;}.seo-article p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8;}.seo-article strong{color:var(--text-primary);font-weight:600;}.holiday-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px;}.holiday-list li{background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);}.holiday-list li:hover{border-color:var(--border-hover);transform:translateX(4px);}.holiday-list li strong{color:var(--danger);font-weight:700;}.site-footer{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:30px 40px;margin-top:20px;box-shadow:var(--shadow-md);}.footer-content{display:flex;flex-direction:column;gap:16px;}.footer-info h4{font-size:1.1rem;font-weight:600;color:var(--primary-light);margin-bottom:8px;}.footer-info p{color:var(--text-secondary);font-size:0.9rem;line-height:1.7;}.footer-info strong{color:var(--text-primary);font-weight:500;}.footer-links p{color:var(--text-muted);font-size:0.85rem;border-top:1px solid var(--border);padding-top:16px;margin-top:8px;}@media (max-width:768px){.header-subtitle{font-size:0.85rem;text-align:center;}.seo-content{padding:20px 24px;min-height:auto;}.seo-article h2{font-size:1.25rem;}.seo-article h3{font-size:1rem;}.holiday-list{grid-template-columns:1fr;}.site-footer{padding:20px 24px;}}