:root{--sidebar-bg:#2d3648;--sidebar-hover:#3a4555;--sidebar-active:#4a5a72;--sidebar-width:56px;--content-bg:#f0f2f5;--white:#fff;--border:#e2e6ea;--text-primary:#2d3648;--text-secondary:#5a6270;--text-muted:#8a919c;--accent-orange:#f05634;--accent-orange-hover:#d94424;--accent-blue:#3b82c4;--toolbar-bg:#2d3648;--toolbar-text:#fff;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px}body{background:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;font-family:Roboto,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}
.app-layout{width:100vw;height:100vh;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-header{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.app-header-title{color:var(--text-primary);font-size:22px;font-weight:700}.btn-sms-send{background:var(--accent-orange);height:44px;color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), transform var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:0 32px;font-family:inherit;font-size:20px;font-weight:700;display:inline-flex}.btn-sms-send:hover{background:var(--accent-orange-hover);transform:translateY(-1px)}.main-content{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:24px 28px;display:flex;overflow:hidden}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.sms-modal-content{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:770px;max-height:98vh;padding:32px 40px 36px;transition:transform .3s;position:relative;overflow-y:auto;transform:scale(.95);box-shadow:0 20px 60px #0003}.modal-overlay.active .sms-modal-content{transform:scale(1)}.sms-modal-close{cursor:pointer;width:32px;height:32px;transition:background var(--transition);color:#fff;z-index:1;background:#2d3748;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:12px;right:12px}.sms-modal-close:hover{background:#1a202c}.sms-modal-header{justify-content:center;align-items:center;gap:14px;margin-top:-5px;margin-bottom:24px;display:flex}.sms-modal-icon{flex-shrink:0}.sms-modal-description{color:var(--text-primary);text-align:center;font-size:20px;font-weight:700}.sms-confirm-warning{white-space:nowrap;color:var(--accent-orange);margin:0;font-size:24px;font-weight:800;line-height:1.2}.sms-form{flex-direction:column;gap:10px;padding-right:5px;display:flex}.sms-field{align-items:center;gap:16px;display:flex}.sms-input-wrap{flex-direction:column;flex:1;display:flex}.sms-label{color:var(--text-primary);white-space:nowrap;text-align:right;min-width:120px;font-size:16px;font-weight:500}.sms-input{border-radius:var(--radius-sm);width:100%;height:40px;min-height:40px;color:var(--text-primary);transition:border-color var(--transition);box-sizing:border-box;background-color:#eef7ff;border:1px solid #a8d4f0;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:18px}.sms-input:focus{background-color:#f5fbff;border-color:#5aa9e6;box-shadow:0 0 0 3px #3b82c41a}.sms-input[readonly]{background-color:#e6e6e6}.ccno-input-group{align-items:center;gap:8px;display:flex}.ccno-input-group input:first-child{width:120px}.ccno-input-group input:last-child{width:100px}.sms-field-input{background:0 0;flex-direction:column;flex:1;display:flex}.error-message{color:#d32f2f;margin-top:4px;font-size:12px}.sms-input.error{border-color:#d32f2f}.sms-textarea{border-radius:var(--radius-sm);height:280px;color:var(--text-primary);resize:none;scrollbar-width:none;-ms-overflow-style:none;background-color:#e6e6e6;border:1px solid #d0d0d0;outline:none;flex:1;padding:8px 4px;font-family:inherit;font-size:.85rem;line-height:1.7;overflow-y:hidden}.sms-textarea.editable{border-color:var(--accent-blue);cursor:text;background-color:#fff}.sms-phone-area{align-items:center;gap:10px;margin-bottom:4px;margin-left:5px;display:flex}.sms-phone-confirm{align-items:center;display:flex}.sms-phone-input{color:#db1010;background:0 0;border:none;width:200px;padding:10px;font-size:28px;font-weight:700}.sms-phone-question{color:#222;white-space:nowrap;font-size:18px;font-weight:700}.sms-confirm-check{cursor:pointer;white-space:nowrap;flex-direction:row;align-items:center;gap:10px;margin-top:2px;display:inline-flex}.sms-confirm-check input[type=checkbox]{flex:none;width:30px;height:30px;margin:0}.sms-confirm-check span{font-size:20px;font-weight:550;display:inline}.sms-check-list{flex-direction:column;gap:9px;margin-top:-10px;margin-bottom:15px;margin-left:10px;display:flex}.sms-confirm-check input[type=checkbox]{appearance:none;cursor:pointer;border:2.5px solid #333;border-radius:4px;flex:none;width:30px;height:30px;margin:2px 0 0;position:relative}.sms-confirm-check input[type=checkbox]:checked{background-color:#06c;border-color:#06c}.sms-confirm-check input[type=checkbox]:checked:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:10px;height:16px;position:absolute;top:4px;left:8px;transform:rotate(45deg)}.sms-confirm-check small{color:#555;margin-left:-5px;font-size:18px}.btn-sms-submit:disabled{opacity:.45;cursor:not-allowed}.btn-sms-submit:not(:disabled){cursor:pointer}.sms-actions{justify-content:center;gap:32px;padding-top:5px;display:flex}.btn-sms-submit{background:var(--sidebar-bg);height:48px;color:var(--white);cursor:pointer;transition:background var(--transition);border:none;border-radius:100px;padding:0 30px;font-family:inherit;font-size:.95rem;font-weight:600}.btn-sms-submit:hover{background:#232d3d}.btn-sms-reedit{background:var(--sidebar-bg);height:48px;color:var(--white);cursor:pointer;transition:background var(--transition);border:none;border-radius:100px;padding:0 30px;font-family:inherit;font-size:.95rem;font-weight:600}.btn-sms-reedit:hover{background:#232d3d}.sms-edit-actions{gap:20px;padding-top:16px;display:flex}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:#c4c9d1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#a0a7b3}@media (max-width:1100px){.filter-group{min-width:120px}.main-content{padding:16px 18px}}@media (max-width:768px){.login-card{padding:32px 28px}.filter-row{flex-direction:column;gap:12px}.filter-group{min-width:100%}.main-content{padding:12px}.app-header{flex-direction:column;gap:12px;padding:12px 16px}}