.home-container{box-sizing:border-box;color:var(--text-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:5px;width:100%}.home-container,.masthead{background-color:var(--background-color)}.masthead{margin-bottom:20px;padding:10px;text-align:center}.masthead h1{font-size:2.5em;margin:0}.masthead h2{font-size:1.8em;margin:10px 0}.masthead h3{font-size:1.2em;margin:0}.how-it-works{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.how-it-works-item{background-color:var(--howitworks);border:1px solid #007bff;border-radius:12px;box-shadow:0 2px 4px rgba(26,23,199,.172);flex:1 1;margin:0 10px;padding:15px;text-align:center}.how-it-works-icon{height:50px;margin-bottom:10px;width:50px}.how-it-works-item h4{font-size:1.5em;font-weight:700;margin:0}.how-it-works-item p{font-size:1em;font-weight:400;margin:10px 0 0}.stats-banner{background-color:var(--stats);border:1px solid #62ab52;border-radius:12px;box-shadow:0 2px 4px rgba(17,211,56,.172);box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-around;margin-bottom:15px;max-width:100%;padding:0;width:98%}.stats-item{flex:1 1;max-width:33.33%;min-width:0;overflow:hidden;padding:10px;text-align:center;transition:transform .2s ease-in-out}.stats-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-item span:first-child{font-size:1.2em;font-weight:700;margin-bottom:5px}.stats-item span:last-child{color:#007bff;font-size:1.5em;font-weight:700}.stats-item:hover{transform:scale(1.05)}.system-topics{width:100%}.system-topics h2{margin-bottom:15px;text-align:center}.topics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);max-width:100%;width:95%}.topic-mini-card{background-position:50%;background-size:95% auto;border-radius:22px;color:#fff;display:flex;flex-direction:column;height:180px;justify-content:space-between;overflow:hidden;padding:15px;position:relative;text-align:center}.topic-mini-card:before{background:#fff0;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.topic-mini-card .view-button,.topic-mini-card h3,.topic-mini-card p{position:relative;z-index:2}.topic-mini-card h3{font-size:1.6em;margin:0}.topic-mini-card p{font-size:1em;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-button{background-color:var(--button-bg);border-radius:4px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none}.view-button:hover{background-color:var(--button-hover-bg)}.error-message{color:#dc3545;font-size:1em;margin-bottom:10px;text-align:center}@media (max-width:1500px){.topics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-banner{align-items:center;flex-direction:column;gap:15px}.stats-item{flex:none;max-width:100%}.topics-grid{grid-template-columns:1fr}.how-it-works{flex-direction:column;gap:15px}.how-it-works-item{margin:0}}.sign-on{padding:50px;text-align:center}.sign-on h1{color:var (--text-color);font-size:2.5em}.magic-link{margin-top:20px;place-items:center}.magic-link input{justify-content:center;margin:10px;padding:8px;width:200px}.magic-link button{background-color:#28a745;border:none;color:#fff;cursor:pointer;padding:8px 16px}.magic-link button:hover{background-color:#218838}.magic-link p{color:#333;margin-top:10px}.share-container{position:relative}.share-icon{color:var(--text-color);cursor:pointer;font-size:24px}.mini-modal{background:var(--background-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;padding:16px;position:absolute;top:30px;width:200px;z-index:1000}.close-icon{color:#999;cursor:pointer;font-size:16px;position:absolute;right:8px;top:8px}.share-options{display:flex;flex-direction:column;gap:8px}.share-option{align-items:center;border-radius:4px;color:var(--text-color);display:flex;gap:8px;padding:8px;text-decoration:none;transition:background .2s}.share-option:hover{background:#f0f0f0}.share-option svg{font-size:18px}button.share-option{background:none;border:none;cursor:pointer;text-align:left}:root[data-theme=light]{--background-color:#fff;--nav-background:#e3e9f0;--text-color:#333;--border-color:#ccc;--button-bg:#007bff;--button-hover-bg:#0056b3;--link-hover-color:#007bff;--card-bg:#f9f9f9;--warning-text:red;--howitworks:#fbfdff;--stats:#fff}:root[data-theme=dark]{--background-color:#1a1a1a;--nav-background:#2c2c2c;--text-color:#e0e0e0;--border-color:#444;--button-bg:#1e90ff;--button-hover-bg:#1c86ee;--link-hover-color:#1e90ff;--card-bg:#2c2c2c;--warning-text:#f55;--howitworks:#1c395e;--stats:#092e01}.app{background-color:var(--background-color);color:var(--text-color);display:flex;font-family:Calibri,Arial,Helvetica,sans-serif;min-height:100vh}.left-nav{background-color:var(--nav-background);border-right:1px solid var(--border-color);padding:20px;width:155px}.nav-logo{display:block;margin-bottom:20px;max-width:150px;width:100%}.left-nav ul{list-style:none;padding:0}.left-nav li{margin-bottom:10px}.left-nav a{color:var(--text-color);font-weight:700;text-decoration:none}.left-nav a:hover{color:var(--link-hover-color)}.left-nav button{background:none;border:none;color:var(--text-color);cursor:pointer;font-weight:700;padding:0}.left-nav button:hover{color:var(--link-hover-color)}.content{background-color:var(--background-color);flex:1 1;padding:20px}h1,h2,h3,h4,h5,input,textarea{color:var(--text-color)}input,textarea{background-color:var(--background-color);border:1px solid var(--border-color);display:block;margin:10px 0;max-width:400px;padding:8px;width:100%}button,input,textarea{font-family:Calibri,Arial,Helvetica,sans-serif}button{background-color:var(--button-bg);border:none;color:#fff;cursor:pointer;margin:5px;padding:8px 16px}button:hover{background-color:var(--button-hover-bg)}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--border-color);color:var(--text-color);font-family:Calibri,Arial,Helvetica,sans-serif;padding:8px}.topic-cards{display:flex;flex-wrap:wrap;gap:20px}.topic-card{background-color:var(--card-bg);border:1px solid var(--border-color);display:flex;flex-direction:column;height:620px;justify-content:vertical;overflow-y:auto;padding:15px;width:250px}.topic-card h3{font-size:1.5em;margin:0}.topic-card h4{font-size:1.2em;margin:5px 0}.topic-card h5{font-size:1em;margin:5px 0}.topic-card a{color:var(--link-hover-color);text-decoration:none}.topic-card a:hover{text-decoration:underline}.warning-text{color:var(--warning-text)}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}.home-logo{margin-bottom:20px;max-width:200px;width:100%}.topic-items-table{border-color:#012269;border-radius:3px;width:50%}.topic-items-table td:first-child,.topic-items-table th:first-child{width:30px}.topic-items-table td:nth-child(3),.topic-items-table th:nth-child(3){width:40px}.topic-items-table tr{height:25px}.notification-area{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:22px;color:var(--text-color);font-family:Calibri,Arial,Helvetica,sans-serif;margin:2px;padding:10px}.maintenance-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}
/*# sourceMappingURL=main.3a8ba023.css.map*/