:root{--main: #37b5a6;--bg: #f6f8f8;--card: #ffffff;--text: #333;--border: #e0e0e0}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);padding-top:70px;padding-bottom:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}header{position:fixed;top:0;left:0;right:0;width:100%;background:#fff;border-bottom:1px solid var(--border);padding:0 30px;display:flex;align-items:center;height:70px;z-index:1000;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){header{padding:0 12px}}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}.logo{display:block;line-height:0}.logo img{height:40px;width:auto}.header-nav{display:flex;align-items:center;gap:30px}.header-nav a{text-decoration:none;color:var(--text);font-size:14px;transition:all .3s;display:flex;align-items:center;gap:6px}.header-nav a .icon{font-size:16px;display:flex;align-items:center;color:var(--main)}.header-nav a:hover{color:var(--main)}.header-nav a:hover .icon{transform:scale(1.1)}.header-nav a.profile-link .icon{font-size:20px}.header-nav .phone-number{color:var(--text);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.header-nav .phone-number .icon{font-size:16px;display:flex;align-items:center;color:var(--main)}main{margin:30px auto;padding:0 16px;flex:1;max-width:1200px;width:100%;box-sizing:border-box;overflow-x:hidden}@media(max-width:768px){main{margin:0;padding:0;width:100%;max-width:100%}}.page-title{font-size:28px;font-weight:700;margin-bottom:30px;text-align:center;color:var(--text)}.content-box{background:var(--card);border-radius:12px;padding:40px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.back-link{display:inline-flex;align-items:center;margin-bottom:20px;color:var(--main);text-decoration:none;font-size:14px}.back-link i{margin-right:5px}.back-link:hover{text-decoration:underline}.profile{text-align:center;margin-bottom:30px;font-size:20px;font-weight:500}.avatar{width:110px;height:110px;border-radius:50%;background:#eaeaea;margin:0 auto 15px;position:relative}.avatar i{font-size:48px;color:#bbb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-icon{position:absolute;bottom:2px;right:2px;width:28px;height:28px;background:var(--main);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;cursor:pointer;transition:background .3s}.camera-icon:hover{background:#2d9082}.camera-icon i{font-size:14px;color:#fff;position:static;transform:none}.card{background:var(--card);border-radius:12px;padding:24px 24px 32px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;overflow:visible}.card h2{font-size:20px;margin:0 0 16px;font-weight:600;text-align:center}.alert-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;margin:0 auto 20px;max-width:70%}.alert-box .message{font-size:16px;font-weight:600;margin-bottom:14px;color:#856404}.status-table{width:100%;border-collapse:collapse}.status-table th,.status-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:15px;background:#fff}.status-table td:last-child{text-align:right}.status-table th{font-weight:600;background:#fff}.status-table tr:last-child td{border-bottom:none}.status-icon{font-size:18px;margin-right:6px}.status-icon.completed{color:#28a745}.status-icon.pending{color:#dc3545}.check-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--main);color:#fff;border-radius:50%;font-size:9px;margin-left:6px;vertical-align:middle;flex-shrink:0}.check-badge i{line-height:1}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#e74c3c;color:#fff;border-radius:9px;font-size:11px;font-weight:700;margin-left:6px;vertical-align:middle;flex-shrink:0}.edit-btn{background:var(--main);color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:background .3s}.edit-btn:hover{background:#2d9082}.list{list-style:none;padding:0;margin:0}.list.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.list.grid li:last-child:nth-child(odd){grid-column:1}.list.grid li{border:1px solid var(--border);border-radius:8px;padding:0;background:var(--card);margin:0 0 4px;box-sizing:border-box;transition:all .15s ease}.list.grid li:hover{background:#37b5a60d;border-color:var(--main);box-shadow:0 2px 8px #37b5a626}.list.grid li:active{background:#37b5a61a}.list.grid li:last-child{border:1px solid var(--border)}.list.grid li:last-child:hover{border:1px solid var(--main)}.list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .15s ease}.list li:hover{background:#37b5a60d}.list li:active{background:#37b5a61a}.list li:last-child{border-bottom:none}.list li a{display:flex;justify-content:space-between;align-items:center;width:100%;text-decoration:none;color:var(--text);padding:16px}.list:not(.grid) li a{padding:12px 0}.list i.fa-chevron-right{color:var(--main);font-size:14px}.left{display:flex;align-items:center;font-size:16px;flex-wrap:wrap}.left>i:first-child{color:var(--main);margin-right:12px;width:24px;font-size:18px;text-align:center;flex-shrink:0}.left .check-badge{margin-left:8px}.info-table{width:100%;border-collapse:collapse}.info-table th,.info-table td{padding:15px;border-bottom:1px solid var(--border);text-align:left}.info-table th{width:30%;background:#f9f9f9;font-weight:600}.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:none}.article{margin-bottom:30px}.article h2{font-size:20px;font-weight:700;margin-bottom:15px;color:var(--main);border-left:4px solid var(--main);padding-left:15px}.article p,.article ul{line-height:1.8;margin-bottom:15px}.article ul{padding-left:25px}.article li{margin-bottom:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--main);color:#fff;border:none;padding:15px 40px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s;display:block;margin:30px auto 0}.submit-btn:hover{background:#2d9082}.contact-info{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;text-align:center}.contact-info h3{margin:0 0 10px;font-size:18px;color:var(--text)}.contact-info .phone{font-size:24px;font-weight:700;color:var(--main);margin:10px 0}.contact-info .hours{font-size:14px;color:#666}footer{text-align:center;padding:40px 0 0;margin:0;width:100%;overflow-x:hidden}.footer-logo{margin-bottom:50px}.footer-logo img{width:auto;height:auto;max-width:200px;display:inline-block}.footer-links{font-size:13px;color:#666}.footer-links a{color:#666;text-decoration:none;margin:0 8px;transition:color .3s}.footer-links a:hover{color:var(--main)}.footer-links .separator{margin:0 4px;color:#ccc}.footer-copyright{background:var(--main);color:#fff;padding:20px 0;margin:30px 0 0;font-size:12px}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;gap:5px}@media(max-width:768px){.hamburger-btn{display:flex}}.hamburger-btn .hamburger-line{width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger-btn:hover .hamburger-line{background:var(--main)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1100;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.mobile-menu-overlay{display:block;pointer-events:none}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}}.mobile-menu{display:none;position:fixed;top:0;right:-280px;width:280px;height:100%;background:#fff;z-index:1200;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;overflow-y:auto}@media(max-width:768px){.mobile-menu{display:block}.mobile-menu.active{right:0}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:#f9f9f9}.mobile-menu-title{font-weight:600;font-size:16px;color:var(--text)}.mobile-menu-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:20px;color:#666;border-radius:50%;transition:all .2s ease}.mobile-menu-close:hover{background:#f0f0f0;color:var(--main)}.mobile-menu-content{padding:12px 0}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;text-decoration:none;color:var(--text);font-size:15px;transition:all .2s ease}.mobile-menu-item .icon{width:24px;text-align:center;color:var(--main);font-size:16px}.mobile-menu-item:hover{background:#37b5a614}.mobile-menu-item.logout,.mobile-menu-item.logout .icon{color:#e74c3c}.mobile-menu-divider{height:1px;background:var(--border);margin:8px 20px}.mobile-menu-phone{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#666;font-size:14px}.mobile-menu-phone .icon{width:24px;text-align:center;color:var(--main);font-size:16px}@media(max-width:768px){.header-nav{display:none}main{margin-top:20px}.list.grid{grid-template-columns:1fr}.content-box{padding:20px}.info-table th,.info-table td{padding:10px;font-size:13px}.info-table th{width:35%}.alert-box{max-width:100%;padding:15px;margin:0 0 20px}.alert-box .message{font-size:14px;margin-bottom:12px}.status-table{display:block}.status-table thead{display:none}.status-table tbody{display:block}.status-table tr{display:block;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;padding:12px}.status-table tr.registered{display:none}.status-table td{display:block;padding:6px 0;border-bottom:none;text-align:left!important}.status-table td:first-child{font-weight:600;font-size:14px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.status-table td:nth-child(2){font-size:13px;margin-bottom:10px}.status-table td:last-child{text-align:left!important}.edit-btn{display:inline-block;width:100%;text-align:center;padding:10px 20px;font-size:14px}footer{padding:30px 15px 0}.footer-logo{margin-bottom:30px}.footer-logo img{max-width:160px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;font-size:12px;line-height:1.8}.footer-links a{margin:0 6px}.footer-links .separator{display:none}.footer-copyright{margin-top:20px;padding:15px 10px;font-size:11px}}.line-linked-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px}.line-linked-item .left{display:flex;align-items:center;font-size:16px}.line-linked-item .left>i:first-child{color:#06c755;margin-right:12px;width:24px;font-size:18px;text-align:center;flex-shrink:0}.line-linked-item .unlink-btn{background:#dc3545;color:#fff;border:none;padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.line-linked-item .unlink-btn:hover{background:#c82333}