:root{--color-primary: #1e40af;--color-primary-dark: #1e3a8a;--color-primary-light: #3b82f6;--color-secondary: #14b8a6;--color-secondary-dark: #0f766e;--color-secondary-light: #2dd4bf;--color-accent: #f59e0b;--color-accent-light: #fbbf24;--color-accent-dark: #d97706;--color-text-primary: #0f172a;--color-text-heading: #1e293b;--color-text-strong: #334155;--color-text-body: #475569;--color-text-secondary: #64748b;--color-text-placeholder: #94a3b8;--color-text-disabled: #cbd5e1;--color-border: #cbd5e1;--color-divider: #e2e8f0;--color-background: #f8fafc;--color-surface: #f1f5f9;--color-card: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-light: #1e293b;--color-secondary: #14b8a6;--color-secondary-dark: #0f766e;--color-secondary-light: #2dd4bf;--color-accent: #fbbf24;--color-accent-light: #f59e0b;--color-accent-dark: #d97706;--color-text-primary: #f8fafc;--color-text-heading: #e2e8f0;--color-text-strong: #cbd5e1;--color-text-body: #94a3b8;--color-text-secondary: #64748b;--color-text-placeholder: #475569;--color-text-disabled: #334155;--color-border: #1e293b;--color-divider: #334155;--color-background: #0f172a;--color-surface: #1e293b;--color-card: #334155;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:var(--color-error);filter:brightness(.9)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success);filter:brightness(.9)}input,textarea,select{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}label{display:block;margin-bottom:5px;font-size:14px;color:var(--color-text-secondary);font-weight:500}.card{background:var(--color-card);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:20px}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.error-message{background-color:var(--color-surface);color:var(--color-error);padding:12px;border-radius:4px;margin-bottom:15px;border-left:4px solid var(--color-error)}.success-message{background-color:var(--color-surface);color:var(--color-success);padding:12px;border-radius:4px;margin-bottom:15px;border-left:4px solid var(--color-success)}.header{background:var(--color-card);padding:8px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;height:64px;min-width:min-content}.header-left{display:flex;align-items:center;gap:12px;min-width:238px;padding-left:8px}.menu-btn{background:none;border:none;cursor:pointer;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-btn:hover{background-color:#3c404314}.gmail-logo{height:40px;width:auto;opacity:.8}.header-center{flex:1;max-width:720px;margin:0 10px}.search-bar{background:var(--color-surface);border-radius:24px;height:48px;display:flex;align-items:center;padding:0 8px 0 12px;transition:background .1s,box-shadow .1s}.search-bar:focus-within{background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.search-btn,.filter-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.search-btn:hover,.filter-btn:hover{background-color:#3c404314}.search-bar input{flex:1;border:none;background:transparent;padding:0 8px;font-size:16px;height:100%;outline:none;color:var(--color-text-primary)}.header-right{display:flex;align-items:center;gap:8px;padding-right:14px;justify-content:flex-end;min-width:180px}.header-icons{display:flex;gap:4px;margin-right:8px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.icon-btn:hover{background-color:#3c404314}.user-profile-container{position:relative}.user-profile{margin-left:4px;padding:4px;border-radius:50%;cursor:pointer;border:2px solid transparent}.user-profile:hover{background-color:#3c404314}.profile-dropdown{position:absolute;top:50px;right:0;width:354px;background-color:var(--color-surface);border-radius:28px;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;padding:8px;z-index:1000;display:flex;flex-direction:column;color:var(--color-text-primary);animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-header{background-color:var(--color-card);border-radius:24px;padding:20px;display:flex;flex-direction:column;align-items:center;margin-bottom:4px;box-shadow:0 1px 2px #0000001a}.profile-avatar-large{width:80px;height:80px;background-color:var(--color-accent);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:500;margin-bottom:8px}.profile-name{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-top:8px}.profile-email{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.manage-account-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 24px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;width:auto}.manage-account-btn:hover{background-color:#f0f4f8}.profile-actions{background-color:var(--color-card);border-radius:24px;margin-bottom:4px;overflow:hidden;display:flex;flex-direction:column}.add-account-btn,.logout-btn-dropdown{background:none;border:none;padding:14px 24px;text-align:left;font-size:14px;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:12px;width:100%}.add-account-btn:hover,.logout-btn-dropdown:hover{background-color:#f0f4f8}.add-account-btn .material-icons,.logout-btn-dropdown .material-icons{font-size:20px;color:var(--color-text-secondary)}.profile-footer{display:flex;justify-content:center;gap:8px;padding:12px;color:#5e5e5e;font-size:12px}.profile-footer a{color:#5e5e5e;text-decoration:none;padding:4px 8px;border-radius:4px}.profile-footer a:hover{background-color:#3c404314}.avatar{width:32px;height:32px;background-color:var(--color-accent);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:500}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}font-size: 14px; } @media (max-width: 768px){.header{padding:15px 20px}.user-info{display:none}.logout-btn{padding:6px 12px;font-size:12px}}.sidebar{width:256px;background:var(--color-background);padding:16px 0;display:flex;flex-direction:column;height:calc(100vh - 64px);position:sticky;top:0;font-family:Google Sans,Roboto,Arial,sans-serif}.compose-button{display:flex;align-items:center;gap:12px;padding:0 24px;background-color:var(--color-primary);color:#fff;border-radius:16px;text-decoration:none;font-weight:500;font-size:14px;height:56px;width:140px;margin:8px 0 16px 16px;transition:box-shadow .2s,background-color .2s;justify-content:start;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.compose-button:hover{box-shadow:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d;background-color:var(--color-primary-dark)}.compose-icon{font-size:24px}.sidebar-nav{flex:1;overflow-y:auto;padding-right:16px}.sidebar-item{display:flex;align-items:center;gap:18px;padding:0 12px 0 26px;height:32px;color:var(--color-text-primary);text-decoration:none;border-radius:0 16px 16px 0;font-size:14px;margin-right:0;transition:background-color .15s}.sidebar-item:hover{background-color:var(--color-surface)}.sidebar-item.active{background-color:var(--color-surface);color:var(--color-primary);font-weight:700}.sidebar-item.active .sidebar-icon{color:var(--color-primary)}.sidebar-icon{font-size:20px;color:var(--color-text-secondary);width:20px;height:20px;display:flex;justify-content:center;align-items:center}margin-bottom: 4px; transition: background-color .2s; } .sidebar-item:hover{background-color:var(--color-surface)}.sidebar-item.active{background-color:var(--color-surface);color:var(--color-primary);font-weight:500}.sidebar-icon{font-size:18px;width:20px;text-align:center}.sidebar-label{flex:1}.storage-info{padding:15px 10px;border-top:1px solid var(--color-border);margin-top:auto}.storage-text{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.storage-bar{height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.storage-bar-fill{height:100%;background-color:var(--color-primary);transition:width .3s}@media (max-width: 768px){.sidebar{width:60px;padding:20px 5px}.compose-button{padding:12px;border-radius:50%;width:50px;height:50px;justify-content:center}.compose-button .sidebar-label{display:none}.sidebar-item{padding:12px;justify-content:center}.sidebar-label,.storage-info{display:none}}.layout{min-height:100vh;background-color:var(--color-background);display:flex;flex-direction:column}.layout-content{display:flex;background-color:#f6f8fc;flex:1;height:calc(100vh - 64px);overflow:hidden}.main-content{flex:1;padding:0 16px 16px 0;max-width:100%;margin:0;width:100%;overflow-y:auto;border-radius:16px}@media (max-width: 768px){.main-content{padding:0;border-radius:0}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-dark) 100%);padding:20px}.auth-box{background:var(--color-card);padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:450px}.auth-title{font-size:32px;font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:10px}.auth-subtitle{font-size:20px;color:var(--color-text-secondary);text-align:center;margin-bottom:30px;font-weight:400}.auth-form,.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-block{width:100%;padding:12px;font-size:16px;margin-top:10px}.auth-footer{text-align:center;padding-top:20px;border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-secondary);font-size:14px}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}@media (max-width: 480px){.auth-box{padding:30px 20px}.form-row{grid-template-columns:1fr}}.email-list-container{background:#fff;border-radius:16px;box-shadow:none;overflow:hidden;height:calc(100vh - 84px);display:flex;flex-direction:column}.category-tabs{display:flex;border-bottom:1px solid #e8eaed;padding:0 16px;height:56px;align-items:center}.category-tab{display:flex;align-items:center;gap:16px;padding:0 16px;height:100%;cursor:pointer;color:#5f6368;font-weight:500;font-size:14px;min-width:200px;border-bottom:3px solid transparent;box-sizing:border-box}.category-tab.active{color:#1a73e8;border-bottom-color:#1a73e8}.category-tab .material-icons{font-size:20px}.category-tab:hover{background-color:#f8f9fa;color:#202124}.selection-toolbar{display:flex;align-items:center;padding:0 16px;background-color:#e8f0fe;border-bottom:1px solid #e0e0e0;height:56px;color:#1f1f1f}.toolbar-actions-group{display:flex;align-items:center;gap:8px;width:100%}.toolbar-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#444746;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:40px;height:40px}.toolbar-btn:hover{background-color:#3c404314;color:#1f1f1f}.toolbar-btn .material-icons{font-size:20px}.selection-count{font-weight:500;color:#1f1f1f;min-width:80px;font-size:14px}.separator-vertical{width:1px;height:20px;background-color:#c7c7c7;margin:0 12px}.email-list{flex:1;overflow-y:auto}.email-row{display:flex;align-items:center;padding:0 16px;height:48px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;position:relative;background:#fff;transition:background-color .1s}.email-row:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;z-index:1}.email-row.selected{background-color:#c2dbff}.email-row.selected:hover{background-color:#c2dbff;box-shadow:none}.email-row.unread{background-color:#fff;font-weight:700}.email-row.selected.unread{background-color:#c2dbff}.email-row.read{background-color:#f2f6fccc;font-weight:400}.email-row.selected.read{background-color:#c2dbff}.email-row.unread .email-subject,.email-row.unread .email-row-sender{font-weight:700;color:#202124}.email-row.read .email-subject,.email-row.read .email-row-sender{font-weight:400;color:#202124}.email-row-select{display:flex;align-items:center;gap:12px;width:56px;color:#dadce0}.checkbox-icon{font-size:20px;color:#5f6368;border-radius:2px}.checkbox-icon:hover{color:#202124;background-color:#44474614;border-radius:4px}.star-btn{background:none;border:none;padding:0;cursor:pointer;color:#5f6368;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.star-btn.starred{color:#f4b400}.star-btn:hover{opacity:.8}.email-row-sender{width:168px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px;font-size:14px}.email-row-content{flex:1;display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}.email-subject{color:#202124;flex-shrink:0}.email-separator{margin:0 4px;color:#5f6368}.email-snippet{color:#5f6368;font-weight:400;overflow:hidden;text-overflow:ellipsis}.email-row-date{width:100px;text-align:right;font-size:12px;color:#5f6368;font-weight:500;padding-left:16px;margin-left:auto}.email-row-actions{display:none;position:absolute;right:16px;top:0;bottom:0;align-items:center;padding-left:10px;background:inherit}.email-row:hover .email-row-actions{display:flex}.email-row:hover .email-row-date{display:none}.action-btn{background:none;border:none;padding:8px;color:#5f6368;cursor:pointer;border-radius:50%;margin-left:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-btn:hover{background-color:#3c404314;color:#202124}.action-btn .material-icons{font-size:20px}.loading-overlay{display:flex;justify-content:center;align-items:center;height:100%}.spinner{border:3px solid #f3f3f3;border-top:3px solid #1a73e8;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:#5f6368;font-size:16px}.email-view{background:#fff;border-radius:16px;box-shadow:none;overflow:hidden;height:100%;display:flex;flex-direction:column}.email-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;border-bottom:1px solid transparent}.email-actions{display:flex;gap:4px}.btn-icon-text{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#444746;display:flex;align-items:center;justify-content:center}.btn-icon-text:hover{background-color:#3c404314}.btn-icon-text .material-icons{font-size:20px}.email-content{padding:20px 32px;overflow-y:auto;flex:1}.email-subject h2{font-size:24px;color:#202124;margin-bottom:20px;font-weight:400}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e8eaed}.email-from,.email-to,.email-cc{font-size:14px;color:#5f6368;margin-bottom:8px}.email-from strong,.email-to strong,.email-cc strong{color:#202124;margin-right:5px}.email-date{font-size:12px;color:#5f6368}.email-body{margin-top:30px;line-height:1.6;color:#202124;font-size:14px}.email-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.email-attachments{margin-top:30px;padding-top:20px;border-top:1px solid #e8eaed}.email-attachments h3{font-size:14px;color:#5f6368;margin-bottom:15px;font-weight:500}.attachment-item{display:flex;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:4px;margin-bottom:8px}.attachment-icon{margin-right:10px}.attachment-name{flex:1;color:#1a73e8;font-size:14px}.attachment-size{color:#5f6368;font-size:12px}@media (max-width: 768px){.email-toolbar{flex-direction:column;align-items:stretch;gap:10px}.email-actions{justify-content:space-between}.email-content{padding:20px 15px}.email-subject h2{font-size:20px}.email-header{flex-direction:column;align-items:flex-start;gap:5px}}.compose-container{background:#fff;border-radius:16px;box-shadow:none;overflow:hidden;height:100%;max-width:800px;margin:0 auto}.compose-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#f2f6fc;border-bottom:1px solid #e8eaed;border-radius:8px 8px 0 0}.compose-header h2{font-size:18px;color:#202124;font-weight:500}.close-btn{background:none;border:none;font-size:28px;color:#5f6368;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:#e8eaed}.compose-form{padding:20px}.compose-field{display:flex;align-items:center;margin-bottom:15px;border-bottom:1px solid #e8eaed;padding-bottom:10px}.compose-field label{width:80px;font-size:14px;color:#5f6368;margin:0}.compose-field input,.compose-field textarea{flex:1;border:none;padding:5px;font-size:14px}.compose-field input:focus,.compose-field textarea:focus{outline:none;box-shadow:none}.compose-body{flex-direction:column;align-items:stretch;border-bottom:none}.compose-body textarea{width:100%;min-height:300px;resize:vertical;padding:10px}.compose-attachments{align-items:flex-start}.compose-attachments-content{flex:1;display:flex;flex-direction:column;gap:10px}.compose-attachment-list{display:flex;flex-direction:column;gap:8px}.compose-attachment-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:8px 10px;font-size:13px}.compose-remove-attachment{border:0;background:transparent;color:#b3261e;cursor:pointer;font-size:12px;font-weight:600}.compose-actions{display:flex;gap:10px;padding-top:15px}@media (max-width: 768px){.compose-field label{width:60px}}.App{min-height:100vh}.settings-container{padding:16px 24px;background-color:var(--color-background);color:var(--color-text-primary);height:100%;overflow-y:auto;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.settings-header h2{font-family:Google Sans,Roboto,Arial,sans-serif;font-size:22px;font-weight:400;color:var(--color-text-heading);margin:0 0 24px}.token-settings-card{border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:24px;background-color:var(--color-card)}.token-settings-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-heading)}.token-settings-help{margin:0 0 12px;color:var(--color-text-secondary)}.token-inline-code{margin-left:6px;padding:2px 6px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);font-family:Consolas,Courier New,monospace;font-size:12px;color:var(--color-text-primary)}.token-settings-row{display:flex;gap:12px;margin-bottom:8px;align-items:center}.token-settings-label{color:var(--color-text-secondary);min-width:130px}.token-display-box{margin:12px 0;display:flex;flex-direction:column;gap:8px}.token-display-box input{width:100%;max-width:700px;padding:8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);color:var(--color-text-primary);font-family:Consolas,Courier New,monospace}.token-settings-note{color:var(--color-text-secondary);margin:12px 0}.token-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.token-delete-btn{border:1px solid var(--color-border);border-radius:4px}.token-message{margin-top:12px;color:#0f9d58;font-weight:500}.token-error{margin-top:12px;color:#d93025;font-weight:500}.settings-tabs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}.tab{padding-bottom:8px;cursor:pointer;color:var(--color-info);font-weight:400;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-text-heading);font-weight:700;border-bottom:3px solid var(--color-text-heading)}.settings-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.settings-table td{vertical-align:top;padding:20px 0;border-bottom:1px solid var(--color-divider)}.settings-table tr:last-child td{border-bottom:none}.setting-label{padding-right:32px;padding-top:4px;text-align:left;font-weight:600;color:var(--color-text-heading);white-space:nowrap;width:250px}.setting-value{padding-left:0;color:var(--color-text-primary)}.setting-link{color:var(--color-info);text-decoration:none;cursor:pointer}.setting-link:hover{text-decoration:underline}select{font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:4px 6px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-card);color:var(--color-text-primary);margin-right:8px;cursor:pointer}select:focus{outline:none;border-color:var(--color-primary)}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:8px}.radio-group label,.checkbox-group label{display:flex;align-items:flex-start;cursor:pointer;line-height:1.4;margin-bottom:4px}input[type=radio],input[type=checkbox]{margin:3px 8px 0 0;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.setting-description{color:var(--color-text-secondary);font-size:13px;margin-top:2px;padding-left:24px;line-height:1.4;margin-bottom:8px}.text-style-preview{margin-bottom:8px;padding:12px;border:1px solid var(--color-border);background-color:#fff;color:#000;width:100%;max-width:600px;border-radius:4px;min-height:40px;display:flex;align-items:center}.text-style-toolbar{display:flex;gap:4px}.style-btn{padding:4px 8px;border:1px solid var(--color-border);background:linear-gradient(to bottom,#fff,#f1f1f1);border-radius:2px;cursor:pointer;font-weight:700;font-size:12px;min-width:28px;text-align:center;color:#444}.stars-config{display:flex;flex-direction:column;gap:12px}.star-section{display:flex;align-items:center}.star-label{min-width:100px;color:var(--color-text-secondary);font-size:13px}.star-list{display:flex;gap:8px}.star-icon{font-size:18px;cursor:grab}.star-icon.yellow{color:#f4b400}.star-icon.orange{color:#ff6d01}.star-icon.purple{color:#9c27b0}.star-icon.blue{color:#4285f4}.star-icon.green{color:#0f9d58}.star-icon.red{color:#ea4335}.vacation-form{background-color:var(--color-surface);border:1px solid var(--color-border);padding:16px;margin-left:24px;margin-top:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:12px;max-width:600px;border-radius:4px}.vacation-form input[type=text],.vacation-form textarea,.vacation-form input[type=date]{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:13px;background-color:var(--color-card);color:var(--color-text-primary)}.vacation-form textarea{min-height:120px;resize:vertical}.settings-footer{margin-top:32px;padding-top:24px;text-align:center;border-top:1px solid var(--color-border);padding-bottom:40px}.save-btn{background-color:#f8f9fa;border:1px solid #dadce0;color:#3c4043;padding:8px 16px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;margin-right:12px;transition:all .2s}.save-btn:hover{background-color:#f1f3f4;color:#202124;box-shadow:0 1px 1px #4285f473;border-color:#d2e3fc}.save-btn:active{background-color:#e8f0fe;color:#1967d2}.cancel-btn{background:transparent;border:none;padding:8px 16px;font-size:14px;cursor:pointer;color:var(--color-text-secondary)}.cancel-btn:hover{text-decoration:underline;color:var(--color-text-heading)}.setting-warning{margin-bottom:10px;padding:8px;background-color:#fce8e6;border-radius:4px;color:#d93025;width:fit-content}.setting-warning .setting-link{color:#d93025;font-weight:500}