:root{--md-sys-color-primary:#006A6B;--md-sys-color-on-primary:#FFFFFF;--md-sys-color-primary-container:#6FF7F8;--md-sys-color-on-primary-container:#002020;--md-sys-color-secondary:#4A6363;--md-sys-color-on-secondary:#FFFFFF;--md-sys-color-secondary-container:#CCE8E7;--md-sys-color-on-secondary-container:#051F1F;--md-sys-color-tertiary:#4B6661;--md-sys-color-on-tertiary:#FFFFFF;--md-sys-color-tertiary-container:#CDE9E3;--md-sys-color-on-tertiary-container:#06201D;--md-sys-color-error:#BA1A1A;--md-sys-color-on-error:#FFFFFF;--md-sys-color-error-container:#FFDAD6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#0F1419;--md-sys-color-on-background:#E0E3E2;--md-sys-color-surface:#0F1419;--md-sys-color-on-surface:#E0E3E2;--md-sys-color-surface-variant:#3F4948;--md-sys-color-on-surface-variant:#BFC9C7;--md-sys-color-surface-container-lowest:#0A0F0F;--md-sys-color-surface-container-low:#171D1D;--md-sys-color-surface-container:#1B2121;--md-sys-color-surface-container-high:#252B2B;--md-sys-color-surface-container-highest:#303636;--md-sys-color-outline:#8A9392;--md-sys-color-outline-variant:#3F4948;--md-sys-color-inverse-surface:#E0E3E2;--md-sys-color-inverse-on-surface:#2C3232;--md-sys-color-inverse-primary:#006A6B;}[data-theme="light"]{--md-sys-color-primary:#006A6B;--md-sys-color-on-primary:#FFFFFF;--md-sys-color-primary-container:#6FF7F8;--md-sys-color-on-primary-container:#002020;--md-sys-color-secondary:#4A6363;--md-sys-color-on-secondary:#FFFFFF;--md-sys-color-secondary-container:#CCE8E7;--md-sys-color-on-secondary-container:#051F1F;--md-sys-color-tertiary:#4B6661;--md-sys-color-on-tertiary:#FFFFFF;--md-sys-color-tertiary-container:#CDE9E3;--md-sys-color-on-tertiary-container:#06201D;--md-sys-color-error:#BA1A1A;--md-sys-color-on-error:#FFFFFF;--md-sys-color-error-container:#FFDAD6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#FDFCFC;--md-sys-color-on-background:#191C1C;--md-sys-color-surface:#FDFCFC;--md-sys-color-on-surface:#191C1C;--md-sys-color-surface-variant:#DAE5E3;--md-sys-color-on-surface-variant:#3F4948;--md-sys-color-surface-container-lowest:#FFFFFF;--md-sys-color-surface-container-low:#F4F7F6;--md-sys-color-surface-container:#EEF1F0;--md-sys-color-surface-container-high:#E8EBEA;--md-sys-color-surface-container-highest:#E2E5E4;--md-sys-color-outline:#6F7978;--md-sys-color-outline-variant:#BFC9C7;--md-sys-color-inverse-surface:#2E3131;--md-sys-color-inverse-on-surface:#EFF1F0;--md-sys-color-inverse-primary:#6FF7F8;--md-elevation-0:none;--md-elevation-1:0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);--md-elevation-2:0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);--md-elevation-3:0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);--md-elevation-4:0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);--md-elevation-5:0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);--md-sys-typescale-display-large-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-headline-large-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-medium-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-title-large-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-weight:500;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-body-large-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-medium-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-label-large-font:'Google Sans Flex', system-ui, sans-serif;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-large-line-height:20px;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-motion-easing-standard:cubic-bezier(0.2, 0.0, 0, 1.0);--md-sys-motion-easing-emphasized:cubic-bezier(0.2, 0.0, 0, 1.0);--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:100ms;--md-sys-motion-duration-short3:150ms;--md-sys-motion-duration-short4:200ms;--md-sys-motion-duration-medium1:250ms;--md-sys-motion-duration-medium2:300ms;--md-sys-motion-duration-medium3:350ms;--md-sys-motion-duration-medium4:400ms;--md-sys-motion-duration-long1:450ms;--md-sys-motion-duration-long2:500ms;--md-sys-motion-duration-long3:550ms;--md-sys-motion-duration-long4:600ms;--font-family:var(--md-sys-typescale-body-large-font);}body{margin:0;padding:0;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);min-height:100vh;width:100vw;overflow-x:hidden;display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto;grid-template-areas:"sidebar main";}a{text-decoration:none;color:inherit;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}a:hover{text-decoration:none;opacity:0.8;}.sidebar{grid-area:sidebar;background-color:var(--md-sys-color-surface-container);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;padding:24px 12px;gap:4px;z-index:2;box-shadow:var(--md-elevation-1);overflow-y:auto;position:sticky;top:0;height:100vh;}.main{grid-area:main;padding:24px;overflow-y:auto;position:relative;background-color:var(--md-sys-color-background);min-height:100vh;width:100%;}.brand{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:600;line-height:var(--md-sys-typescale-title-large-line-height);color:var(--md-sys-color-primary);margin-bottom:32px;padding:16px 20px;display:flex;align-items:center;gap:12px;background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-large);border:1px solid var(--md-sys-color-outline-variant);}.nav-item{padding:16px 20px;border-radius:var(--md-sys-shape-corner-extra-large);cursor:pointer;display:flex;align-items:center;gap:16px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;overflow:hidden;margin-bottom:4px;text-decoration:none;border:1px solid transparent;}.nav-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.nav-item:hover::before{opacity:0.08;}.nav-item:hover{color:var(--md-sys-color-on-surface);}.nav-item.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary);box-shadow:var(--md-elevation-1);}.nav-item.active::before{display:none;}.nav-item .material-icons-round{font-size:24px;transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.nav-item:hover .material-icons-round{transform:scale(1.1);}.view{display:none;opacity:0;transition:opacity 0.3s;}.view.active{display:block;opacity:1;}.card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:24px;box-shadow:var(--md-elevation-1);margin-bottom:24px;border:1px solid var(--md-sys-color-outline-variant);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;overflow:hidden;}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.card:hover{box-shadow:var(--md-elevation-3);transform:translateY(-2px);}.card:hover::before{opacity:1;}.card-elevated{box-shadow:var(--md-elevation-2);}.card-elevated:hover{box-shadow:var(--md-elevation-4);}.row{display:flex;gap:24px;flex-wrap:wrap;}.col{flex:1;min-width:300px;}h1, h2, h3{margin-top:0;font-weight:400;color:var(--md-sys-color-on-background);}h1{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);}h2{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-sys-typescale-headline-medium-weight);line-height:var(--md-sys-typescale-headline-medium-line-height);}h3{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);}.btn{height:40px;padding:0 24px;border-radius:var(--md-sys-shape-corner-large);border:none;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:500;line-height:var(--md-sys-typescale-label-large-line-height);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;overflow:hidden;text-transform:none;letter-spacing:0.1px;min-width:64px;}.btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.btn:hover::before{opacity:0.08;}.btn:active::before{opacity:0.12;}.btn:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;}.btn:disabled{opacity:0.38;cursor:not-allowed;}.btn:disabled::before{display:none;}.btn-large{height:48px;padding:0 32px;font-size:16px;}.btn-small{height:32px;padding:0 16px;font-size:13px;}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);}.btn-secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);}.btn-tertiary{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.btn-danger{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error);}.btn-outlined{background-color:transparent;border:2px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary);}.btn-outlined:hover{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);}.btn-text{background-color:transparent;color:var(--md-sys-color-primary);padding:0 16px;}.btn-text:hover{background-color:var(--md-sys-color-primary-container);}.btn-icon{padding:0;width:40px;border-radius:var(--md-sys-shape-corner-large);background-color:transparent;color:var(--md-sys-color-on-surface-variant);}.btn-icon:hover{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);}.btn-fab{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-elevation-3);position:fixed;bottom:24px;right:24px;z-index:100;}.btn-fab:hover{box-shadow:var(--md-elevation-4);transform:scale(1.05);}.theme-toggle{position:fixed;top:24px;right:24px;width:48px;height:48px;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);z-index:1000;box-shadow:var(--md-elevation-2);}.theme-toggle:hover{background-color:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-elevation-3);transform:scale(1.05);}.theme-toggle .material-icons-round{font-size:24px;transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.theme-toggle:hover .material-icons-round{transform:rotate(180deg);}.skip-link{position:absolute;top:-40px;left:6px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:8px 16px;text-decoration:none;border-radius:var(--md-sys-shape-corner-small);font-weight:500;z-index:2000;transition:top var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.skip-link:focus{top:6px;}.form-group{margin-bottom:24px;display:flex;flex-direction:column;gap:8px;position:relative;}.form-group label{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;line-height:var(--md-sys-typescale-body-medium-line-height);color:var(--md-sys-color-on-surface);letter-spacing:0.25px;margin-bottom:4px;}.form-group.required label::after{content:' *';color:var(--md-sys-color-error);}.form-group.error input, .form-group.error select, .form-group.error textarea{border-color:var(--md-sys-color-error);background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);}.form-group.error .form-error{display:block;}.form-error{display:none;font-size:12px;color:var(--md-sys-color-error);margin-top:4px;}.form-help{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-top:4px;line-height:1.4;}input, select, textarea{width:100%;background-color:var(--md-sys-color-surface-container-high);border:2px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);padding:16px;border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);box-sizing:border-box;position:relative;}input:focus, select:focus, textarea:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:0 0 0 1px var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-highest);}input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus){border-color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container-highest);}input:disabled, select:disabled, textarea:disabled{opacity:0.38;cursor:not-allowed;background-color:var(--md-sys-color-surface-container);}input::placeholder, textarea::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:0.6;}.form-group.floating{position:relative;}.form-group.floating label{position:absolute;left:16px;top:16px;background-color:var(--md-sys-color-surface-container-high);padding:0 4px;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none;z-index:1;}.form-group.floating input:focus + label, .form-group.floating input:not(:placeholder-shown) + label, .form-group.floating textarea:focus + label, .form-group.floating textarea:not(:placeholder-shown) + label{top:-8px;font-size:12px;color:var(--md-sys-color-primary);}.checkbox-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0;}.checkbox-wrapper input{display:none;}.checkmark{width:20px;height:20px;border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);display:flex;align-items:center;justify-content:center;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);background-color:transparent;}.checkbox-wrapper:hover .checkmark{border-color:var(--md-sys-color-on-surface);}.checkbox-wrapper input:checked + .checkmark{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);}.checkmark::after{content:'check';font-family:'Material Icons Round';color:var(--md-sys-color-on-primary);font-size:16px;display:none;}.checkbox-wrapper input:checked + .checkmark::after{display:block;}table{width:100%;border-collapse:collapse;background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;box-shadow:var(--md-elevation-1);}th{text-align:left;padding:16px;color:var(--md-sys-color-on-surface-variant);border-bottom:1px solid var(--md-sys-color-outline-variant);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);background-color:var(--md-sys-color-surface-container-high);}td{padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);}tr:hover{background-color:var(--md-sys-color-surface-container-high);}.badge{padding:4px 12px;border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-label-large-font);font-size:12px;font-weight:var(--md-sys-typescale-label-large-weight);text-transform:uppercase;letter-spacing:0.5px;}.badge-primary{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);}.badge-secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);}.badge-tertiary{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.badge-error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);}.modal-card{background:var(--md-sys-color-surface-container);width:90%;max-width:1400px;height:90%;border-radius:var(--md-sys-shape-corner-extra-large);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--md-elevation-5);animation:slideUp var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized);}.modal-sm{max-width:600px;height:auto;padding:24px;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{opacity:0;transform:translateY(40px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.editor-header{height:72px;padding:0 32px;background:var(--md-sys-color-surface);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-sys-color-outline-variant);}.editor-body{flex:1;display:grid;grid-template-columns:350px 1fr 1fr;overflow:hidden;}.editor-panel{padding:24px;overflow-y:auto;border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:16px;}.toolbar{display:flex;gap:8px;padding:8px;background:var(--md-sys-color-surface-container);border-radius:8px;margin-bottom:8px;}.tool-btn{background:transparent;border:none;color:var(--md-sys-color-on-background);cursor:pointer;padding:4px;border-radius:4px;}.tool-btn:hover{background:rgba(255,255,255,0.1);}.img-select-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;}.img-option{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;}.img-option.selected{border-color:var(--md-sys-color-primary);}.img-option img{width:100%;height:80px;object-fit:cover;display:block;}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:2000;}.toast{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-background);padding:12px 24px;border-radius:8px;box-shadow:var(--md-elevation-2);border:1px solid var(--md-sys-color-outline-variant);animation:slideIn 0.3s ease-out;}@keyframes slideIn{from{transform:translateX(100%);}to{transform:translateX(0);}}.editor-header{height:72px;padding:0 32px;background:var(--md-sys-color-surface-container);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-elevation-1);}.editor-body{flex:1;display:grid;grid-template-columns:350px 1fr 1fr;overflow:hidden;}.editor-panel{padding:24px;overflow-y:auto;border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:16px;background-color:var(--md-sys-color-surface-container-low);}.toolbar{display:flex;gap:8px;padding:12px;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:16px;box-shadow:var(--md-elevation-1);}.tool-btn{background:transparent;border:none;color:var(--md-sys-color-on-surface);cursor:pointer;padding:8px;border-radius:var(--md-sys-shape-corner-small);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);display:flex;align-items:center;justify-content:center;width:40px;height:40px;}.tool-btn:hover{background:var(--md-sys-color-surface-container-highest);}.tool-btn.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);}.img-select-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;}.img-option{border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;cursor:pointer;position:relative;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);}.img-option:hover{border-color:var(--md-sys-color-outline);box-shadow:var(--md-elevation-2);}.img-option.selected{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);}.img-option img{width:100%;height:80px;object-fit:cover;display:block;}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:2000;}.toast{background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:16px 24px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-elevation-3);min-width:300px;max-width:400px;font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);animation:slideInRight var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);display:flex;align-items:center;gap:12px;}.toast.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.toast.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);}.toast.warning{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}.language-status{display:flex;gap:8px;align-items:center;}.lang-badge{padding:4px 8px;border-radius:var(--md-sys-shape-corner-small);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:4px;}.lang-badge .material-icons-round{font-size:14px;}.lang-badge.published{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.lang-badge.draft{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);}.social-status{display:flex;gap:6px;align-items:center;}.social-status-text{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-weight:500;}.social-icon{width:20px;height:20px;border-radius:var(--md-sys-shape-corner-small);display:flex;align-items:center;justify-content:center;font-size:12px;}.social-icon.scheduled{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);}.social-icon.posted{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.social-icon.published{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);}.social-icon.failed{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);}.social-icon.draft{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);}.platform-status-icons{display:flex;gap:4px;margin-right:8px;position:relative;}.platform-status-icons.mixed-status::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px dashed var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);pointer-events:none;}.platform-icon{width:24px;height:24px;border-radius:var(--md-sys-shape-corner-small);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border:1px solid transparent;position:relative;}.platform-icon:hover{transform:scale(1.1);border-color:var(--md-sys-color-outline);box-shadow:var(--md-elevation-1);}.platform-icon.scheduled{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);}.platform-icon.posted{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);}.platform-icon.failed{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);animation:pulse-error 2s infinite;}@keyframes pulse-error{0%{opacity:1;}50%{opacity:0.7;}100%{opacity:1;}}.platform-icon::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1px solid var(--md-sys-color-surface);}.platform-icon.posted::after{background-color:var(--md-sys-color-tertiary);}.platform-icon.scheduled::after{background-color:var(--md-sys-color-secondary);}.platform-icon.failed::after{background-color:var(--md-sys-color-error);}.article-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:20px;margin-bottom:16px;border:1px solid var(--md-sys-color-outline-variant);transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);cursor:pointer;}.article-card:hover{box-shadow:var(--md-elevation-2);border-color:var(--md-sys-color-outline);}.article-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}.article-card-title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);color:var(--md-sys-color-on-surface);margin:0;flex:1;}.article-card-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}.article-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant);}.article-actions{display:flex;gap:8px;}.loading{position:relative;overflow:hidden;}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.1), transparent );animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{left:-100%;}100%{left:100%;}}@media (max-width:1200px){body{grid-template-columns:240px 1fr;}.sidebar{padding:20px 12px;}.editor-body{grid-template-columns:300px 1fr 1fr;}.card{padding:20px;}.newsletter-builder{grid-template-columns:1fr 1fr;gap:20px;}.newsletter-builder .builder-panel:last-child{grid-column:1 / -1;}}@media (max-width:1024px){body{grid-template-columns:200px 1fr;}.sidebar{padding:16px 8px;}.nav-item{padding:12px 16px;font-size:14px;}.nav-item .material-icons-round{font-size:20px;}.brand{font-size:18px;padding:12px 16px;margin-bottom:24px;}.main{padding:20px;}.card{padding:16px;margin-bottom:16px;}.row{gap:16px;}.col{min-width:250px;}.btn{height:44px;padding:0 20px;font-size:15px;}.btn-large{height:52px;padding:0 28px;}.form-group{margin-bottom:20px;}input, select, textarea{padding:14px;font-size:16px;}.modal-card{width:95%;height:85%;margin:20px;}.editor-body{grid-template-columns:280px 1fr;}.editor-panel{padding:20px;}}@media (max-width:768px){body{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar" "main";}.sidebar{flex-direction:row;height:auto;padding:12px 16px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--md-sys-color-outline-variant);gap:8px;scrollbar-width:none;-ms-overflow-style:none;}.sidebar::-webkit-scrollbar{display:none;}.brand{margin-bottom:0;margin-right:20px;font-size:16px;padding:8px 12px;white-space:nowrap;flex-shrink:0;}.nav-item{white-space:nowrap;padding:8px 16px;margin-bottom:0;flex-shrink:0;min-width:auto;}.nav-item .material-icons-round{font-size:18px;}.main{padding:16px;overflow-y:auto;}.editor-body{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:0;}.editor-panel{border-right:none;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:16px;max-height:300px;}.row{flex-direction:column;gap:16px;}.col{min-width:auto;}.card{padding:16px;margin-bottom:16px;}.btn{height:48px;padding:0 24px;font-size:16px;min-width:88px;}.btn-small{height:40px;padding:0 20px;font-size:14px;}.btn-icon{width:48px;height:48px;}.btn-fab{width:64px;height:64px;bottom:20px;right:20px;}.form-group{margin-bottom:20px;}input, select, textarea{padding:16px;font-size:16px;border-radius:var(--md-sys-shape-corner-medium);}.modal-card{width:95vw;height:90vh;margin:20px auto;border-radius:var(--md-sys-shape-corner-large);}.modal-sm{width:90vw;height:auto;max-height:80vh;}.newsletter-builder{grid-template-columns:1fr;gap:16px;}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;}.platform-stats{grid-template-columns:1fr;}.article-actions{flex-wrap:wrap;gap:8px;}.toast-container{bottom:16px;right:16px;left:16px;}.toast{min-width:auto;max-width:none;}.nav-item, .btn, .tool-btn, .article-card, .selectable-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}.nav-item:active, .btn:active, .tool-btn:active{transform:scale(0.98);}.main, .editor-panel, .article-list, .subscribers-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}.form-row{grid-template-columns:1fr;gap:16px;}.header-actions{flex-wrap:wrap;gap:8px;}.composer-actions{flex-wrap:wrap;justify-content:center;}}@media (hover:none) and (pointer:coarse){.btn:hover::before, .nav-item:hover::before, .tool-btn:hover{opacity:0;background:transparent;}.btn:active::before, .nav-item:active::before{opacity:0.12;}.card:hover{transform:none;box-shadow:var(--md-elevation-1);}.card:hover::before{opacity:0;}.article-card:hover, .selectable-card:hover{transform:none;box-shadow:var(--md-elevation-1);}.platform-icon:hover{transform:none;border-color:transparent;box-shadow:none;}.img-option:hover{border-color:var(--md-sys-color-outline-variant);box-shadow:none;}}@media (max-width:768px){.checkbox-wrapper{padding:12px 0;min-height:44px;}.checkmark{width:24px;height:24px;}.platform-icon{width:32px;height:32px;font-size:14px;}.social-icon{width:28px;height:28px;font-size:14px;}.lang-badge{padding:6px 10px;font-size:12px;}.badge{padding:6px 14px;font-size:13px;}}.nav-item:focus-visible, .btn:focus-visible, .tool-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;}input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:1px;}.skip-link{position:absolute;top:-40px;left:6px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top 0.3s;}.skip-link:focus{top:6px;}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(2px);}.loading-spinner{width:40px;height:40px;border:4px solid var(--md-sys-color-outline-variant);border-top:4px solid var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.error-state{text-align:center;padding:40px 20px;color:var(--md-sys-color-error);}.error-state .material-icons-round{font-size:48px;margin-bottom:16px;opacity:0.7;}.error-state h3{margin:0 0 8px 0;color:var(--md-sys-color-error);}.error-state p{margin:0 0 16px 0;color:var(--md-sys-color-on-surface-variant);}.success-state{text-align:center;padding:40px 20px;color:var(--md-sys-color-tertiary);}.success-state .material-icons-round{font-size:48px;margin-bottom:16px;color:var(--md-sys-color-tertiary);}@media (max-width:768px){table{font-size:14px;}th, td{padding:12px 8px;}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}.table-responsive table{min-width:600px;}}@media (prefers-contrast:high){.card{border-width:2px;}.btn{border:2px solid currentColor;}input, select, textarea{border-width:2px;}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.selectable-card{transition:all 0.2s ease;}.selectable-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.selectable-card.selected{border-color:var(--md-sys-color-primary) !important;background:var(--md-sys-color-primary-container) !important;}.platform-badge{transition:all 0.2s ease;}.platform-badge:hover{transform:scale(1.05);opacity:0.8;}.card-selector{width:16px;height:16px;accent-color:var(--md-sys-color-primary);}.btn-group{display:flex;}.btn-group .btn{border-radius:0 !important;border-right:none;}.btn-group .btn:first-child{border-top-left-radius:8px !important;border-bottom-left-radius:8px !important;}.btn-group .btn:last-child{border-top-right-radius:8px !important;border-bottom-right-radius:8px !important;border-right:1px solid var(--md-sys-color-outline-variant);}.btn-group .btn.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary);}.view-container{transition:opacity 0.3s ease;}.calendar-day{min-height:120px;padding:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);}.calendar-post{background:var(--md-sys-color-surface-container);padding:4px 6px;margin-bottom:4px;border-radius:4px;font-size:11px;border-left:3px solid;}.calendar-post.pending{border-left-color:#f59e0b;}.calendar-post.posted{border-left-color:var(--md-sys-color-primary);}.calendar-post.failed{border-left-color:var(--md-sys-color-error);}.modal-lg{max-width:800px;}.modal-md{max-width:600px;}.form-group small{font-size:12px;color:var(--md-sys-color-secondary);margin-top:4px;display:block;}.platform-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;}.platform-stat-card{background:var(--md-sys-color-surface);border-radius:8px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);}.platform-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.platform-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;}#bulk-actions{background:var(--md-sys-color-primary-container);padding:8px 16px;border-radius:8px;border:1px solid var(--md-sys-color-primary);}.queue-card{transition:all 0.2s ease;position:relative;}.queue-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.queue-card .platform-badge{cursor:pointer;position:relative;}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;}.status-indicator.pending{background:#f59e0b;}.status-indicator.posted{background:var(--md-sys-color-primary);}.status-indicator.failed{background:var(--md-sys-color-error);}@media (max-width:768px){.platform-stats{grid-template-columns:1fr;}.modal-lg, .modal-md{max-width:95vw;margin:20px;}.btn-group{flex-direction:column;}.btn-group .btn{border-radius:0 !important;border-bottom:none;border-right:1px solid var(--md-sys-color-outline-variant);}.btn-group .btn:first-child{border-top-left-radius:8px !important;border-top-right-radius:8px !important;}.btn-group .btn:last-child{border-bottom-left-radius:8px !important;border-bottom-right-radius:8px !important;border-bottom:1px solid var(--md-sys-color-outline-variant);}}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.loading{animation:pulse 1.5s ease-in-out infinite;}.newsletter-header{background:var(--md-sys-color-surface-container);border-radius:12px;padding:24px;margin-bottom:24px;}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px;}.header-title h1{margin:0 0 8px 0;display:flex;align-items:center;gap:12px;color:var(--md-sys-color-on-surface);}.header-title p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:14px;}.header-actions{display:flex;gap:12px;}.newsletter-builder{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;min-height:600px;}.builder-panel{background:var(--md-sys-color-surface);border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;overflow:hidden;}.panel-header{padding:20px;border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;justify-content:space-between;align-items:center;background:var(--md-sys-color-surface-container);}.panel-header h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface);font-size:16px;}.panel-actions{display:flex;gap:8px;align-items:center;}.article-search{padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);}.article-search input{width:100%;padding:12px;border:1px solid var(--md-sys-color-outline);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);}.article-list{flex:1;overflow-y:auto;padding:16px;}.article-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:12px;overflow:hidden;cursor:grab;transition:all 0.2s ease;position:relative;}.article-card:hover{border-color:var(--md-sys-color-primary);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.article-card.dragging{opacity:0.5;transform:rotate(5deg);}.article-image{position:relative;height:120px;overflow:hidden;}.article-image img{width:100%;height:100%;object-fit:cover;}.article-overlay{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2;}.article-overlay .btn{background:rgba(0,0,0,0.7);color:white;border-radius:4px;padding:4px;opacity:0;transition:opacity 0.2s ease;}.article-card:hover .article-overlay .btn{opacity:1;}.article-content{padding:12px;}.article-content h4{margin:0 0 4px 0;font-size:14px;line-height:1.3;color:var(--md-sys-color-on-surface);}.article-date{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant);}.newsletter-article-actions{position:absolute;top:8px;left:8px;display:flex;gap:4px;z-index:2;opacity:0;transition:opacity 0.2s ease;}.article-card:hover .newsletter-article-actions{opacity:1;}.composer-panel{background:var(--md-sys-color-surface-container-low);}.composer-form{padding:20px;flex:1;}.selected-articles{min-height:200px;border:2px dashed var(--md-sys-color-outline-variant);border-radius:8px;padding:16px;background:var(--md-sys-color-surface);transition:all 0.2s ease;}.selected-articles.drag-over{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:40px 20px;}.empty-state .material-icons-round{font-size:48px;opacity:0.5;margin-bottom:16px;display:block;}.selected-article{display:flex;align-items:center;gap:12px;padding:12px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:8px;}.selected-article-image{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;}.selected-article-image img{width:100%;height:100%;object-fit:cover;}.selected-article-content{flex:1;}.selected-article-content h4{margin:0 0 4px 0;font-size:14px;color:var(--md-sys-color-on-surface);}.selected-article-content p{margin:0;font-size:12px;color:var(--md-sys-color-on-surface-variant);}.selected-article-actions{display:flex;gap:4px;}.composer-actions{padding:20px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;gap:12px;justify-content:flex-end;}.stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;padding:20px;border-bottom:1px solid var(--md-sys-color-outline-variant);}.stat-card{text-align:center;padding:16px;background:var(--md-sys-color-surface-container);border-radius:8px;}.stat-number{font-size:24px;font-weight:600;color:var(--md-sys-color-primary);margin-bottom:4px;}.stat-label{font-size:12px;color:var(--md-sys-color-on-surface-variant);}.history-section, .scheduled-section{padding:20px;}.history-section h4, .scheduled-section h4{margin:0 0 16px 0;font-size:14px;color:var(--md-sys-color-on-surface);}.history-list, .scheduled-list{max-height:200px;overflow-y:auto;}.history-item, .scheduled-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--md-sys-color-outline-variant);}.history-content h5, .scheduled-content h5{margin:0 0 4px 0;font-size:13px;color:var(--md-sys-color-on-surface);}.history-content p, .scheduled-content p{margin:0;font-size:11px;color:var(--md-sys-color-on-surface-variant);}.history-stats{display:flex;align-items:center;gap:8px;}.recipient-count{font-size:12px;color:var(--md-sys-color-on-surface-variant);}.scheduled-actions{display:flex;gap:4px;}.modal-lg{width:90%;max-width:800px;}.modal-xl{width:95%;max-width:1200px;}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);}.modal-header h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface);}.modal-content{padding:24px;flex:1;overflow-y:auto;}.modal-actions{padding:20px 24px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;gap:12px;justify-content:flex-end;}.subscriber-form{background:var(--md-sys-color-surface-container);border-radius:8px;padding:20px;margin-bottom:24px;}.subscriber-form h4{margin:0 0 16px 0;color:var(--md-sys-color-on-surface);}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;}.subscribers-section{flex:1;}.subscribers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.subscribers-header h4{margin:0;color:var(--md-sys-color-on-surface);}.subscribers-actions{display:flex;gap:8px;}.subscribers-list{max-height:400px;overflow-y:auto;}.subscriber-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);}.subscriber-avatar{width:40px;height:40px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:50%;display:flex;align-items:center;justify-content:center;}.subscriber-info{flex:1;}.subscriber-info h5{margin:0 0 4px 0;font-size:14px;color:var(--md-sys-color-on-surface);}.subscriber-info p{margin:0 0 4px 0;font-size:12px;color:var(--md-sys-color-on-surface-variant);}.subscriber-date{font-size:11px;color:var(--md-sys-color-on-surface-variant);opacity:0.7;}.subscriber-actions{display:flex;gap:4px;}.template-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;margin-bottom:24px;}.template-card{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.2s ease;}.template-card:hover{border-color:var(--md-sys-color-primary);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.template-preview{height:120px;background:var(--md-sys-color-surface-container);display:flex;align-items:center;justify-content:center;}.template-thumbnail{width:60px;height:60px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:8px;display:flex;align-items:center;justify-content:center;}.template-info{padding:16px;}.template-info h4{margin:0 0 8px 0;font-size:14px;color:var(--md-sys-color-on-surface);}.template-info p{margin:0 0 8px 0;font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.4;}.template-badge{display:inline-block;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;}.template-actions{text-align:center;}.analytics-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}.analytics-card{text-align:center;padding:24px;background:var(--md-sys-color-surface-container);border-radius:8px;}.analytics-card h4{margin:0 0 12px 0;font-size:14px;color:var(--md-sys-color-on-surface-variant);}.analytics-number{font-size:32px;font-weight:600;color:var(--md-sys-color-primary);margin-bottom:4px;}.analytics-percentage{font-size:14px;color:var(--md-sys-color-on-surface-variant);}.preview-container{background:#f5f5f5;border-radius:8px;padding:20px;}.preview-actions{display:flex;gap:12px;align-items:center;}.articles-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}.article-tag{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:4px 8px;border-radius:4px;font-size:12px;}@media (max-width:1200px){.newsletter-builder{grid-template-columns:1fr;gap:16px;}.builder-panel{min-height:400px;}}@media (max-width:768px){.header-content{flex-direction:column;align-items:stretch;gap:16px;}.header-actions{justify-content:center;}.form-row{grid-template-columns:1fr;gap:8px;}.stats-grid{grid-template-columns:1fr;}.template-grid{grid-template-columns:1fr;}.analytics-grid{grid-template-columns:1fr;}}.drag-over{border-color:var(--md-sys-color-primary) !important;background:var(--md-sys-color-primary-container) !important;}.dragging{opacity:0.5;transform:rotate(2deg);}.btn:disabled{opacity:0.5;cursor:not-allowed;}.icon-btn.danger{color:var(--md-sys-color-error);}.icon-btn.danger:hover{background:var(--md-sys-color-error-container);}.toast.show{opacity:1;transform:translateX(0);}.toast{opacity:0;transform:translateX(100%);transition:all 0.3s ease;}.toast.success{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);}.toast.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);}.field-error{color:var(--md-sys-color-error);font-size:12px;margin-top:4px;}.form-input.error{border-color:var(--md-sys-color-error);}.spinning{animation:spin 1s linear infinite;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}#templateFormContainer{margin-top:16px;padding:16px;background:var(--md-sys-color-surface-variant);border-radius:8px;display:none;}#templateFormContainer.show{display:block;}.ai-result{padding:16px;background:var(--md-sys-color-surface-container);border-radius:8px;margin-bottom:16px;}.ai-result h4{margin:0 0 8px 0;color:var(--md-sys-color-primary);font-size:14px;font-weight:600;}.ai-result p{margin:0 0 16px 0;color:var(--md-sys-color-on-surface);}.loading{position:relative;pointer-events:none;}.loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.8);display:flex;align-items:center;justify-content:center;border-radius:inherit;}