/* ===========================================
   Homepage Styles
   =========================================== *//* ========================= *//* Hero Banner               *//* ========================= */.hp-hero{position:relative;width:100%;height:250px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-6);}.hp-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;}.hp-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);}.hp-hero-content{position:absolute;top:50%;left:60px;transform:translateY(-50%);max-width:560px;}.hp-hero-title{color:var(--color-white);font-size:36px;font-weight:400;line-height:1.2;margin:0 0 var(--spacing-2) 0;text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);}.hp-hero-subtitle{color:var(--color-white);font-size:var(--font-size-lg);font-weight:400;margin:0;text-shadow:0 1px 2px rgba(0, 0, 0, 0.2);/* ========================= *//* Grid Layout               *//* ========================= */}.hp-grid{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8);}.hp-grid-guest{grid-template-columns:repeat(3, 1fr);}.hp-grid-user{grid-template-columns:2fr 1fr;}.hp-col{display:flex;flex-direction:column;gap:var(--spacing-6);}.hp-col-left{grid-column:1;}.hp-col-right{grid-column:2;}.hp-left-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);flex-grow:1;}.hp-col-tasks{grid-column:1;}.hp-col-poll{grid-column:2;}.hp-col-discussions{width:100%;flex-grow:1;/* ========================= *//* Card Component            *//* ========================= */}.hp-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);height:100%;}.hp-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100);}.hp-card-header-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);}.hp-card-header-icon{color:var(--color-gray-500);}.hp-card-header-link{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:500;line-height:var(--font-size-sm);color:var(--color-gray-900);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:6px;transition:all var(--transition-fast);}.hp-card-header-link:hover{color:var(--color-gray-700);border-color:var(--color-gray-300);text-decoration:none;}.hp-card-body{padding:var(--spacing-4) var(--spacing-5);/* ========================= *//* Guest Card Styles         *//* ========================= */}.hp-grid-guest .hp-card{padding:var(--spacing-6);text-align:center;height:100%;display:flex;flex-direction:column;}.hp-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-4);border-radius:var(--radius-full);background-color:var(--color-gray-100);color:var(--color-gray-600);}.hp-card-icon-green{background-color:rgba(34, 197, 94, 0.1);color:var(--color-primary);}.hp-card-icon-primary{background-color:rgba(247, 168, 35, 0.1);color:var(--color-primary);}.hp-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0;}.hp-card-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--spacing-5) 0;flex-grow:1;}.hp-btn,.hp-btn-green{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;}.hp-btn-green{background-color:var(--color-primary);color:var(--color-white);}.hp-btn-green:hover{background-color:#000;color:var(--color-white);text-decoration:none;}.hp-demo-surveys{text-align:left;margin-bottom:var(--spacing-5);}.hp-demo-survey-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);}.hp-demo-survey-item svg{flex-shrink:0;color:var(--color-gray-400);/* ========================= *//* Tasks List Styles         *//* ========================= */}.hp-tasks-list .list-group{margin:0;padding:0;list-style:none;}.hp-tasks-list .list-group-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);background-color:var(--color-white);text-decoration:none;transition:all var(--transition-fast);}.hp-tasks-list .list-group-item:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50);}.hp-tasks-list .list-group-item:last-child{margin-bottom:0;/* Survey Badge */}.hp-task-badge{display:inline-flex;align-items:center;padding:2px 8px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:0.02em;margin-bottom:var(--spacing-1);}.poll-iframe{display:block;width:100%;/* ========================= *//* Discussions List Styles   *//* ========================= */}.hp-discussions-list{display:flex;flex-direction:column;gap:var(--spacing-3);}.hp-discussions-list .list-group{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;}.hp-discussions-list .topic.list-group-item{padding:0;border:none;background:none;border:0 !important;padding:0 !important;}.hp-discussions-list .topic.list-group-item:hover{background:transparent !important;}.hp-discussions-list .topic.list-group-item:last-child{margin-bottom:0;}.hp-discussions-list .hp-discussion-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);}.hp-discussions-list .hp-discussion-item:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50);}.hp-discussions-list .hp-discussion-icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;}.hp-discussions-list .hp-discussion-icon svg,.hp-discussions-list .hp-discussion-icon img{width:36px;height:36px;}.hp-discussions-list .hp-discussion-content{flex:1;min-width:0;}.hp-discussions-list .hp-discussion-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-900);margin-bottom:2px;}.hp-discussions-list .hp-discussion-title .subject{display:block;}.hp-discussions-list .hp-discussion-title .subject h2{font-size:var(--font-size-sm);font-weight:500;margin:0;color:var(--color-gray-900);}.hp-discussions-list .hp-discussion-meta{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-1);}.hp-discussions-list .hp-discussion-stats{display:flex;gap:var(--spacing-3);}.hp-discussions-list .hp-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-gray-500);}.hp-discussions-list .hp-stat svg{width:14px;height:14px;/* ========================= *//* Diary Card (Green CTA)    *//* ========================= */}.hp-card-diary{background:linear-gradient(130deg, #00bc7d 0%, #00a443 100%);}.hp-card-diary .hp-card-header{border-bottom-color:rgba(255, 255, 255, 0.2);}.hp-card-diary .hp-card-header-title{color:var(--color-white);}.hp-card-diary .hp-card-header-icon{color:var(--color-white);}.hp-diary-cta{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;}.hp-diary-cta:hover{text-decoration:none;}.hp-diary-star{color:var(--color-secondary);margin-bottom:var(--spacing-3);}.hp-diary-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-white);margin:0 0 var(--spacing-1) 0;}.hp-diary-subtitle{font-size:var(--font-size-sm);color:rgba(255, 255, 255, 0.9);margin:0 0 var(--spacing-3) 0;}.hp-diary-badge{display:inline-flex;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:500;color:#603906;margin-bottom:var(--spacing-4);}.hp-diary-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-3);background-color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:#10b981;transition:all var(--transition-fast);border:none;cursor:pointer;}.hp-diary-cta:hover .hp-diary-btn{background-color:var(--color-gray-50);}.hp-diary-footer{font-size:var(--font-size-xs);color:rgba(255, 255, 255, 0.8);margin:var(--spacing-3) 0 0 0;/* ========================= *//* News List Styles          *//* ========================= */}.hp-news-list .news-article{margin-bottom:var(--spacing-3);margin:0 !important;padding:0 !important;}.hp-news-list .news-article:hover{background:transparent !important;}.hp-news-list .news-article:last-child{margin-bottom:0;}.hp-news-list .news-article-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid #fee685;border-radius:var(--radius-md);background-color:#fffbeb;}.hp-news-list .news-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:600;color:#7b3306 !important;margin:0;}.hp-news-list .news-title::before{content:"";display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F7A823' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;}.hp-news-list .news-article-body{display:flex;flex-direction:column;gap:var(--spacing-2);}.hp-news-list .news-text{font-size:var(--font-size-sm);color:#973c00;line-height:1.5;}.hp-news-list .news-link{font-size:var(--font-size-xs);color:#7b3306;text-decoration:none;margin:12px 0 0 !important;}.hp-news-list .news-link:hover{color:var(--color-gray-800);text-decoration:underline;/* ========================= *//* Who's Online Styles       *//* ========================= */}.hp-online-widget{display:flex;flex-direction:column;gap:var(--spacing-3);}.hp-online-widget #whos-online-holder{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin:0;padding:0;}.hp-online-widget .online-user{margin:0;padding:0;}.hp-online-widget .who-wrapper{display:inline-block;width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--color-white);box-shadow:var(--shadow-sm);background-color:var(--color-primary);}.hp-online-widget .online-user-avatar{width:100%;height:100%;object-fit:cover;display:block;}.hp-online-widget .online-count{font-size:var(--font-size-sm);color:var(--color-primary);margin-top:var(--spacing-2);}.hp-online-widget .online-count strong{font-weight:500;/* ========================= *//* Responsive Styles         *//* ========================= */}@media (max-width:1024px){.hp-grid-user{grid-template-columns:1fr;}.hp-col-left,.hp-col-right{grid-column:1;}.hp-left-row{grid-template-columns:1fr;}.hp-col-tasks,.hp-col-poll{grid-column:1;}.hp-col-right{display:flex;flex-direction:column;}.hp-col-right .hp-card-diary{grid-column:auto;}}@media (max-width:768px){.hp-hero{height:180px;border-radius:var(--radius-md);}.hp-hero-content{left:var(--spacing-5);max-width:calc(100% - 40px);}.hp-hero-title{font-size:24px;}.hp-hero-subtitle{font-size:var(--font-size-sm);}.hp-grid-guest,.hp-grid-user{grid-template-columns:1fr;}.hp-col-left,.hp-col-right{grid-column:1;}.hp-left-row{grid-template-columns:1fr;}.hp-col-tasks,.hp-col-poll{grid-column:1;}.hp-col-right{display:flex;flex-direction:column;}.hp-col-right .hp-card-diary{grid-column:auto;}.hp-card-header{gap:var(--spacing-2);}.hp-card-header-link{align-self:flex-start;}.hp-discussions-list .list-group{grid-template-columns:1fr;}}@media (max-width:480px){.hp-hero{height:160px;margin-bottom:var(--spacing-4);}.hp-hero-content{left:var(--spacing-4);}.hp-hero-title{font-size:20px;}.hp-grid{gap:var(--spacing-4);}.hp-card-body{padding:var(--spacing-3) var(--spacing-4);}}