.creative-portal{color:#145da0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hero-header-narrow{align-items:center;background:linear-gradient(135deg,#4c6ef5,#15aabf);border-radius:8px;color:#fff;display:flex;gap:1rem;margin:2rem 0;padding:1rem 2rem;width:100%}.hero-header .hero-overlay{background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-header .hero-content{position:relative;z-index:2}.hero-logo-narrow{height:auto;max-width:150px}.hero-title-narrow{font-size:2rem;font-weight:400;margin:0}.hero-tagline{font-size:1.2rem;opacity:.8}.portal-main{margin:0 auto;max-width:1200px;padding:2rem 1rem}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.card{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.card.full-width{grid-column:1/-1}.card-grid-two-columns{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.card-header{align-items:center;background:#f7f7f7;border-bottom:1px solid #e0e0e0;display:flex;gap:.5rem;padding:1rem}.card-header i{color:#145da0;font-size:1rem}.card-header h2{font-size:1.25rem;margin:0}.card-body{flex:1;padding:1rem}.data-list{list-style:none;margin:0;padding:0}.data-list li{font-size:.95rem;margin-bottom:.75rem}.data-list li strong{color:#145da0}.calendar-section{display:flex;flex-direction:column;font-size:.8rem;gap:1rem}.upcoming-dates{background:#f1f3f5;border-radius:4px;max-height:200px;overflow-y:auto;padding:.8rem}.upcoming-dates-list{display:flex;flex-direction:column;gap:1rem}.date-icon{color:#145da0;font-size:1.5rem;margin-right:1rem}.date-content{display:flex;flex-direction:column}.date-title{font-size:1rem;font-weight:700;margin-bottom:.2rem}.date-event{color:#333;font-size:.9rem}.date-item{align-items:flex-start;background:#fff;border-left:4px solid #145da0;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;padding:.75rem 1rem}.date-item:last-child{border-bottom:none}.fc-footer-toolbar,.fc-header-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.fc .fc-toolbar-title{font-size:1.2rem;white-space:nowrap}.back-home-container{position:fixed;right:1rem;top:1rem;z-index:1000}.back-home-btn{align-items:center;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#145da0;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1rem;text-decoration:none}.back-home-btn i{font-size:1.2rem}.back-home-btn:hover{background:linear-gradient(135deg,#3b5bdb,#1098ad)}.section-navigation{margin:20px 0;text-align:center}.section-navigation .btn{background-color:#b1d4e0;border-radius:4px;color:#fff;display:inline-block;margin:0 5px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.section-navigation .btn:hover{background-color:#0056b3}.accordion-card .card-body{display:none}.accordion-card.active .card-body{display:block}.accordion-card .card-header{cursor:pointer}.accordion-card{transition:background .3s ease,box-shadow .3s ease}.accordion-card:not(.active){background:transparent;box-shadow:none}.accordion-card.active{background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.file-explorer{background:#fff;border:1px solid #e2e2e2;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:20px 0;padding:20px}.upload-section{margin-bottom:15px}.upload-btn{background-color:#145da0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;transition:background-color .2s ease,transform .2s ease}.upload-btn:hover{background-color:#145da0;transform:translateY(-2px)}.search-bar{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.folder-group,.search-bar{margin-bottom:20px}.accordion-title{align-items:center;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:400;margin-bottom:10px;transition:color .2s ease}.accordion-title:hover{color:#007bff}.folders{border-left:2px solid #e2e2e2;padding-left:15px}.folder-item{align-items:center;background-color:#f9f9f9;border:1px solid #e2e2e2;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.folder-item .content{align-items:center;display:flex;font-size:15px}.folder-item .icon{font-size:18px;margin-right:10px}.open-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s ease,transform .2s ease}.open-btn:hover{background-color:#218838;transform:translateY(-2px)}.orders-section .orders-list{display:flex;flex-direction:column;gap:1rem}.order-stage h6{color:#15aabf;font-size:1.1rem;margin:0 0 .5rem}.order-stage ul{list-style:disc;padding-left:1rem}.order-stage ul li{font-size:.7rem;margin-bottom:.5rem}html{scroll-behavior:smooth}.portal-section{margin-bottom:2rem}.back-to-top-container{bottom:1rem;position:fixed;right:4rem;z-index:1000}.back-to-top-btn{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#145da0;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:background .3s ease,transform .2s ease}.back-to-top-btn:hover{background:linear-gradient(135deg,#3b5bdb,#1098ad);color:#fff;transform:translateY(-2px)}.governance-table{font-size:.7rem;margin-bottom:1rem;width:100%}.governance-table td,.governance-table th{padding:.5rem .75rem;text-align:left}.governance-table th{font-size:.7rem;font-weight:400;text-align:center}.governance-card-body h6{color:#145da0;font-size:1rem;font-weight:400;margin-bottom:.5rem;margin-top:1rem;text-align:center}#choices{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:500px}#choices .cards{margin:0}#choices .cards a{background-color:#145da0;border-radius:10px;color:#fff;display:block;font-weight:50;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}#choices form{margin:0 auto;max-width:600px;width:100%}#choices .cards a:hover{background-color:#0056b3}@media (max-width:768px){.hero-title{font-size:2rem}.hero-tagline{font-size:1rem}}