@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.resource-bar[data-v-2c3030b0]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);background:#fffffff2;border-radius:var(--radius-md);width:100%}.resource-item[data-v-2c3030b0]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;cursor:help}.resource-item__content[data-v-2c3030b0]{display:flex;align-items:center;gap:4px}.resource-icon[data-v-2c3030b0]{font-size:16px;flex-shrink:0}.resource-item__values[data-v-2c3030b0]{display:flex;flex-direction:column;gap:1px;min-width:0}.resource-value[data-v-2c3030b0]{font-size:.75rem;font-weight:700;color:var(--deep-earth);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}.resource-generation[data-v-2c3030b0]{font-size:.65rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1;opacity:.8}.resource-bar-track[data-v-2c3030b0]{flex:1;min-width:20px;max-width:50px;height:3px;background:var(--warm-gray);border-radius:var(--radius-full);overflow:hidden}.resource-bar-fill[data-v-2c3030b0]{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}@media (max-width: 480px){.resource-bar[data-v-2c3030b0]{padding:4px var(--space-sm);gap:var(--space-xs)}.resource-item[data-v-2c3030b0]{gap:1px}.resource-item__content[data-v-2c3030b0]{gap:2px}.resource-icon[data-v-2c3030b0]{font-size:14px}.resource-value[data-v-2c3030b0]{font-size:.65rem}.resource-generation[data-v-2c3030b0]{font-size:.55rem}.resource-bar-track[data-v-2c3030b0]{display:none}}.header-top-row[data-v-0d4eece1]{justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.header-user-section[data-v-0d4eece1]{display:flex;align-items:center;gap:var(--space-sm)}.header-title[data-v-0d4eece1]{margin:0;font-size:1.5rem;font-weight:700;text-align:center;flex:1}.header-actions[data-v-0d4eece1]{display:flex;align-items:center;gap:var(--space-xs)}.header-link-planet[data-v-0d4eece1],.header-link-logout[data-v-0d4eece1]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:#ffffff26;color:#fff;cursor:pointer;transition:background var(--transition-base)}.header-link-planet[data-v-0d4eece1]:hover,.header-link-logout[data-v-0d4eece1]:hover{background:#ffffff40}.header-link-planet .material-symbols-outlined[data-v-0d4eece1],.header-link-logout .material-symbols-outlined[data-v-0d4eece1]{font-size:18px}.header-resources-row[data-v-0d4eece1]{width:100%;padding:var(--space-xs) 0 0}.bottom-nav[data-v-b04e9f24]{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--warm-gray);display:flex;justify-content:space-around;align-items:center;padding:var(--space-sm) 0;box-shadow:0 -4px 10px #00000014;z-index:100}.bottom-nav-item[data-v-b04e9f24]{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--dark-gray);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base);min-width:44px;min-height:44px;justify-content:center}.bottom-nav-item[data-v-b04e9f24]:hover,.bottom-nav-item--active[data-v-b04e9f24]{color:var(--leaf-green)}.bottom-nav-icon[data-v-b04e9f24]{font-size:32px;line-height:1}.bottom-nav-label[data-v-b04e9f24]{font-size:.75rem;font-weight:500;line-height:1}.bottom-nav-item--messages[data-v-b04e9f24]{position:relative}.bottom-nav-item--messages .bottom-nav-dot[data-v-b04e9f24]{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--leaf-green);border:2px solid white;box-shadow:0 2px 4px #0003;z-index:10;pointer-events:none}@media (max-width: 767px){body[data-v-b04e9f24]{padding-bottom:80px}}:root{--sunbeam-yellow: #ffd700;--leaf-green: #4caf50;--forest-green: #2d5016;--sky-blue: #87ceeb;--ocean-blue: #4a90e2;--coral-pink: #ff6f61;--earth-brown: #8b4513;--solar-white: #fffff0;--deep-earth: #3e2723;--moss-green: #8bc34a;--sage-green: #9ccc65;--sunset-orange: #ff9800;--terracotta: #d84315;--soft-lavender: #b39ddb;--mint: #80cbc4;--light-cream: #faf8f3;--warm-gray: #e0ddd5;--medium-gray: #9e9e9e;--dark-gray: #424242;--success: var(--leaf-green);--warning: var(--sunset-orange);--error: var(--terracotta);--info: var(--ocean-blue);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*,*:before,*:after{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){html{font-size:15px}}@media (min-width: 1024px){html{font-size:16px}}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--deep-earth);background:linear-gradient(135deg,var(--light-cream) 0%,var(--warm-gray) 100%);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--forest-green)}h1{font-size:1.75rem;margin-bottom:var(--space-md);text-shadow:1px 1px 2px rgba(0,0,0,.1)}h2{font-size:1.5rem;margin-bottom:var(--space-md)}h3{font-size:1.25rem;margin-bottom:var(--space-sm)}p{margin:0 0 var(--space-md)}a{color:var(--ocean-blue);text-decoration:none;transition:color var(--transition-fast)}@media (hover: hover) and (pointer: fine){a:hover{color:var(--sky-blue);text-decoration:underline}}a:active{color:var(--sky-blue)}.container{width:min(1200px,100%);margin:0 auto;padding:0 var(--space-md)}.container-sm{width:min(620px,100%);margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 767px){.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-decoration-none{text-decoration:none}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;text-transform:none;display:inline-block;white-space:nowrap;vertical-align:middle;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icon-sm{font-size:18px}.icon-md{font-size:24px}.icon-lg{font-size:32px}.icon-xl{font-size:48px}.icon-primary{color:var(--leaf-green)}.icon-secondary{color:var(--ocean-blue)}.icon-accent{color:var(--sunbeam-yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem var(--space-lg);min-height:44px;min-width:44px;font-family:inherit;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-decoration:none;background:var(--leaf-green);color:#fff}.btn-primary{background:linear-gradient(135deg,var(--leaf-green) 0%,var(--moss-green) 100%);color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--ocean-blue) 0%,var(--sky-blue) 100%);color:#fff}.btn-accent{background:linear-gradient(135deg,var(--sunbeam-yellow) 0%,var(--sunset-orange) 100%);color:var(--deep-earth)}.btn-outline{background:transparent;border:2px solid var(--leaf-green);color:var(--leaf-green)}.btn-mobile-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}@media (hover: hover) and (pointer: fine){.card:hover{box-shadow:var(--shadow-lg)}}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--warm-gray)}.card-title{margin:0;font-size:1.5rem;color:var(--forest-green)}.alert{border-radius:var(--radius-md);background:var(--light-cream);border-left:4px solid var(--warm-gray);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.alert-success{border-left-color:var(--success)}.alert-warning{border-left-color:var(--warning)}.alert-error{border-left-color:var(--error)}.bg-unread{background-color:#4caf500d;border-left:4px solid var(--leaf-green)}.card.selected{box-shadow:0 0 0 2px #4caf5066}.alert-info{border-left-color:var(--info)}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.875rem;background:var(--warm-gray);color:var(--deep-earth)}.badge-secondary{background:var(--ocean-blue);color:#fff}.badge-accent{background:var(--sunbeam-yellow);color:var(--deep-earth)}.header{padding:var(--space-md) var(--space-lg);color:#fff}.header-inner{display:flex;flex-direction:column;gap:var(--space-sm)}.header-row{display:flex;align-items:center;gap:var(--space-sm)}.header-title-row{gap:var(--space-md);padding:var(--space-sm) 0;justify-content:center}.header-icon{font-size:36px}.header-title{margin:0;font-size:1.5rem;font-weight:700;text-align:center}.header-user-row{gap:var(--space-sm)}.header-username-link{font-weight:600;flex:1;background:none;border:none;color:#fff;font:inherit;text-align:left;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:2px;transition:text-decoration-color var(--transition-base)}.header-username-link:hover{text-decoration-color:#fff}.header-user-actions{display:flex;gap:var(--space-xs);margin-left:auto}.header-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:#ffffff26;color:#fff;cursor:pointer;transition:background var(--transition-base)}.header-link:hover{background:#ffffff40}.header-link .material-symbols-outlined{font-size:18px}.header-link-mail .header-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem}.header-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--sunbeam-yellow);color:var(--deep-earth);font-size:.75rem;font-weight:600}.btn-text{background:transparent;border:none;box-shadow:none;color:#fff}.btn-no-shadow{box-shadow:none}.messages-panel-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media (min-width: 768px){.messages-panel-grid{grid-template-columns:1fr 2fr}}.messages-panel-grid section{border-radius:var(--radius-lg)}.messages-panel-grid section:first-child{display:flex;flex-direction:column;max-height:calc(100vh - 300px);overflow:hidden}.messages-panel-grid section:first-child>div:last-child{flex:1;overflow-y:auto;padding-right:var(--space-xs);min-height:0}.messages-list{display:flex;flex-direction:column;gap:var(--space-xs)}.message-list-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.message-list-item:hover{background:var(--light-cream);box-shadow:var(--shadow-sm)}.message-list-item.bg-unread{background-color:#4caf500d;border-left:3px solid var(--leaf-green)}.message-list-item.selected{border-color:var(--leaf-green);box-shadow:0 0 0 2px #4caf5033}.message-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.message-content{flex:1;min-width:0}.message-subject{font-size:.9375rem;font-weight:400;color:var(--deep-earth);margin-bottom:.25rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-subject.message-unread{font-weight:600;color:var(--forest-green)}.message-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--earth-brown);flex-wrap:wrap}.message-separator{color:var(--medium-gray)}.message-badge{margin-left:auto;font-size:.75rem;padding:.125rem .5rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(0,0,0,.1);border-top-color:var(--leaf-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nature-gradient{background:linear-gradient(135deg,#74b96d,#3d893c)}.solar-gradient{background:linear-gradient(135deg,#ffd257,#ff7c51)}.sky-gradient{background:linear-gradient(135deg,#87ceeb,#4a90e2)}.nature-gradient,.solar-gradient,.sky-gradient{color:#fff}.top-nav{background:#fffffff2;border-bottom:1px solid var(--warm-gray);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.top-nav-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);max-width:1200px;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--warm-gray);display:flex;justify-content:space-around;padding:.5rem 0;box-shadow:0 -4px 10px #00000014}.bottom-nav-item{color:var(--dark-gray);display:inline-flex;flex-direction:column;align-items:center;font-size:.75rem;gap:.25rem}.bottom-nav-item.active{color:var(--leaf-green)}.stack-mobile{display:flex;flex-direction:column;gap:var(--space-sm)}.scroll-x-mobile{overflow-x:auto;padding-bottom:var(--space-sm)}.visible-mobile{display:none}.hidden-mobile{display:block}@media (max-width: 767px){.visible-mobile{display:block}.hidden-mobile{display:none}body{padding-bottom:60px}}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--space-lg)}input,textarea,select{width:100%;padding:.875rem var(--space-md);min-height:44px;font-family:inherit;font-size:1rem;border:2px solid var(--warm-gray);border-radius:var(--radius-md);background:#fff;color:var(--deep-earth);transition:border-color var(--transition-fast)}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:var(--leaf-green);outline:none;box-shadow:0 0 0 2px #4caf5033}